@charset "UTF-8";
#shareContractModel {
  padding: 0 !important;
}
#shareContractModel .modal-dialog {
  width: calc(100% - 20px);
}
#shareContractModel #shared_contract_candidate_table tbody {
  max-height: 350px;
}
#shareContractModel .dataTable_footer {
  display: flex;
  border-top: 1px solid var(--lightblue);
  justify-content: space-between;
  padding: 16px 0;
}
#shareContractModel .dataTable_footer .dataTable_footer_left .dataTables_length {
  margin: 0 !important;
  padding: 0 0 0 20px !important;
}
#shareContractModel .dataTable_footer .dataTable_footer_left .dataTables_length label {
  margin: 0 !important;
}
#shareContractModel .dataTable_footer .dataTable_footer_center {
  flex-grow: 1;
}
#shareContractModel .dataTable_footer .dataTable_footer_center .dataTables_paginate .pagination {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#shareContractModel .dataTable_footer .dataTable_footer_right {
  display: flex;
  align-items: center;
  gap: 10px;
}
#shareContractModel .dataTable_footer .dataTable_footer_right .dtPageJump {
  position: static !important;
}
#shareContractModel .dataTable_footer .dataTable_footer_right .dataTables_info {
  padding: 0 !important;
}

.compliance-tag {
  border: 1px solid;
  padding: 2px 8px;
  font-weight: 600;
  letter-spacing: 0.75px;
  border-radius: 4px;
}
.compliance-tag.tag-red {
  color: #ed3a3e;
  background: rgba(237, 58, 62, 0.1);
  border-color: #ed3a3e;
}
.compliance-tag.tag-yellow {
  color: #ffc446;
  background: rgba(255, 196, 70, 0.1);
  border-color: #ffc446;
}
.compliance-tag.tag-green {
  color: #5ebb5b;
  background: rgba(94, 187, 91, 0.1);
  border-color: #5ebb5b;
}

.dtPageJump {
  position: absolute;
  bottom: 17px;
  right: 10px;
  display: none;
  z-index: -1px;
}
.dtPageJump.show {
  display: flex;
}
.dtPageJump input {
  width: 70px;
  display: inline-block;
  font-size: 13px !important;
  margin-right: 5px;
  height: 30px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.dtPageJump button {
  background: var(--primaryblue);
  height: 30px;
  font-size: 14px !important;
  padding-top: 1px;
  padding-bottom: 1px;
}

:root {
  --toastify-color: #2843df;
  --toastify-background: #ffffff;
  --toastify-shadow: 0px 1px 9px 0px #00000026;
  --toastify-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  --toastify-border-radius: 6px;
  --toastify-max-width: calc(100% / 4);
  --toastify-z-index: 2147483647;
  --toastify-text-color: #343638;
  --toastify-success: #5EBB5B;
  --toastify-danger: #ED3A3E;
  --toastify-info: #2843DF;
  --toastify-warning: #FFC446;
  --toastify-default-width: 400px;
}

.toastify {
  padding: 12px 16px;
  color: var(--toastify-text-color);
  display: inline-block;
  border: 2px solid;
  box-shadow: var(--toastify-shadow);
  background: var(--toastify-background);
  position: fixed;
  opacity: 0;
  transition: var(--toastify-transition);
  border-radius: var(--toastify-border-radius);
  cursor: pointer;
  text-decoration: none;
  max-width: clamp(--toastify-default-width, var(--toastify-max-width), var(--toastify-max-width));
  z-index: var(--toastify-z-index);
}
.toastify.toastify-success {
  border-color: var(--toastify-success);
}
.toastify.toastify-danger {
  border-color: var(--toastify-danger);
}
.toastify.toastify-info {
  border-color: var(--toastify-info);
}
.toastify.toastify-bell, .toastify.toastify-chat {
  border-color: var(--toastify-info);
}
.toastify.toastify-warning {
  border-color: var(--toastify-warning);
}
.toastify.show {
  opacity: 1;
  transform: translateX(0) !important;
}
.toastify .toastify-inner {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.toastify-right {
  right: 15px;
  transform: translateX(100%) !important;
}

.toastify-left {
  left: 15px;
  transform: translateX(-100%) !important;
}

.toastify-icon svg {
  width: 24px;
  height: 24px;
}

.toast-close {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  opacity: 0.4;
  padding: 0 5px;
}

.toastify-top {
  top: -150px;
}

.toastify-bottom {
  bottom: -150px;
}

.toastify-rounded {
  border-radius: 25px;
}

.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}

.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
  .toastify-right, .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
  }
}
.jobApplication_Notification {
  max-width: clamp(500px, var(--toastify-max-width), var(--toastify-max-width));
}
.jobApplication_Notification span svg {
  transform: translateY(-2px);
  width: 18px;
  height: 18px;
}
.jobApplication_Notification .dismiss-btn {
  border: 1px solid #212529;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.toastify .btn {
  border-width: 1px !important;
}

.mailshot-placeholder-tag,
.mailshot-placeholder-sms-tag,
.mailshot-placeholder-sms-footer-tag {
  font-weight: 500 !important;
  font-size: 12px;
  letter-spacing: 0.8px;
  padding: 5px 6px;
  border-radius: 4px;
  color: #852204 !important;
  border: solid 1px #ffeeba;
  background-color: #fff3cd;
  cursor: pointer;
}

.footer_processed_tag_container {
  position: relative;
}
.footer_processed_tag_container .mailshot-placeholder-sms-tag.ignore {
  height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
.footer_processed_tag_container .mailshot-placeholder-sms-tag.ignore img {
  filter: brightness(0) saturate(100%) invert(21%) sepia(15%) saturate(5014%) hue-rotate(343deg) brightness(105%) contrast(114%);
}
.footer_processed_tag_container:hover .footer_processed_tag_popup {
  opacity: 1;
  bottom: calc(100%);
  visibility: visible;
}
.footer_processed_tag_container .footer_processed_tag_popup {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  padding-bottom: 10px;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.footer_processed_tag_container .footer_processed_tag_popup .footer_processed_tag_popup_inner {
  position: relative;
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 2px solid #eff3ff;
  z-index: 10;
  padding: 8px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.footer_processed_tag_container .footer_processed_tag_popup .footer_processed_tag_popup_inner::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #eff3ff;
}
.footer_processed_tag_container .footer_processed_tag_popup .footer_processed_tag_popup_inner .mailshot-placeholder-sms-tag {
  white-space: nowrap;
}

.__table-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
.__table-footer .__table-footer-left,
.__table-footer .__table-footer-right {
  display: flex;
  gap: 16px;
  align-items: center;
}
.__table-footer .dataTables_length {
  margin: 0;
  padding: 0 !important;
}
.__table-footer .dataTables_length label {
  margin: 0;
}
.__table-footer .dataTables_info {
  padding: 0 !important;
  font-size: 13px !important;
  color: #08104d;
  letter-spacing: 1px;
}
.__table-footer .dataTables_info span:not(.total_records) {
  color: #2843df;
  font-weight: 600;
}
.__table-footer .dataTables_info .total_records {
  padding: 0 !important;
}
.__table-footer .dataTables_info .total_records b {
  color: #2843df;
  font-weight: 600;
}
.__table-footer .dataTables_paginate ul.pagination {
  margin: 0 !important;
  display: flex;
  gap: 8px;
}
.__table-footer .dataTables_paginate ul.pagination li {
  margin: 0 !important;
  width: 30px;
  height: 30px;
}
.__table-footer .dataTables_paginate ul.pagination li a {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(239, 243, 255, 0.5);
  background: #eff3ff;
  box-shadow: none !important;
  border: 1px solid rgba(239, 243, 255, 0.5);
  transition: all 0.3s ease;
}
.__table-footer .dataTables_paginate ul.pagination li a:hover {
  background-color: #243cc9;
  border-color: #243cc9;
  color: #ffffff;
}
.__table-footer .dataTables_paginate ul.pagination li.disabled {
  opacity: 0.5 !important;
}
.__table-footer .dataTables_paginate ul.pagination li.disabled a {
  cursor: not-allowed;
}
.__table-footer .page-input-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px !important;
}
.__table-footer .page-input-wrapper input {
  padding: 0 2px !important;
  height: 34px;
  line-height: 30px;
  font-size: 12px !important;
  text-align: center;
  outline: none !important;
  width: 34px;
  border: 1px solid rgba(40, 67, 223, 0.1);
}

/**
* Dropdown Menu Styles updates
* - to add scroll to dropdown menu
* - to add ellipsis to long text in dropdown items
*/
.dataTable .dropdown-menu,
.more_dropoption_wrap .dropdown-menu {
  max-height: 500px;
  overflow-y: scroll;
  width: fit-content;
}
.dataTable .dropdown-menu::-webkit-scrollbar,
.more_dropoption_wrap .dropdown-menu::-webkit-scrollbar {
  display: none;
}
.dataTable .dropdown-menu .dropdown-item,
.more_dropoption_wrap .dropdown-menu .dropdown-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* Common style starts */
* {
  box-sizing: border-box;
}

:root {
  --primaryblue: #2843df;
  --primaryblue_hover: #243cc9;
  --secondaryblue: #08104d;
  --white: #ffffff;
  --lightblue: #eff3ff;
  --primaryred: #ff4a37;
  --mainheadingfont: 15px;
  --dark: #212529;
}

html,
body {
  margin: 0px;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  font-family: "Montserrat", sans-serif;
  transition: padding-left 0.2s ease;
}
body.sidebar-minimized {
  padding-left: 65px;
  overflow: auto !important;
  -moz-overflow: auto !important;
  -webkit-overflow: auto !important;
}

body:has(.nav_sidemenu.show),
body:has(.messaging-box:not(.chat-opened)),
body:has(.chatbox:not(.chat-disabled)) {
  overflow: hidden;
  -moz-overflow: hidden;
  -webkit-overflow: hidden;
  margin-right: 17px;
}

.white-icon-filter {
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(10%) hue-rotate(39deg) brightness(105%) contrast(103%);
}

table {
  width: 100%;
}

a:focus,
button:focus {
  outline: none;
}

input,
textarea,
select.form-control {
  color: #343638;
}

.white-icon-filter {
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(10%) hue-rotate(39deg) brightness(105%) contrast(103%);
}

ul {
  padding: 0px;
  margin: 0px;
}

li {
  list-style: none;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.gap-8px {
  gap: 8px;
}

/* Common styles ends */
/* classes for font-sizes  */
.font-10 {
  font-size: 10px;
}

.font-11 {
  font-size: 11px;
}

.font-12 {
  font-size: 12px !important;
}

.font-14 {
  font-size: 14px;
}

.font-16 {
  font-size: 16px;
}

.font-16-imp {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-28 {
  font-size: 28px;
}

.font-30 {
  font-size: 30px;
}

/* classes for font-sizes  */
/* classes for font-weight  */
.font-weight-bold {
  font-weight: bold;
}

.font-weight-normal {
  font-weight: normal !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

/* classes for font-weight  */
/* classes for line height  */
.lineheight-normal {
  line-height: normal;
}

.lineheight-36 {
  line-height: 36px;
}

/* classes for line height  */
/* classes for margin */
.push-8-b {
  margin-bottom: 8px;
}

.push-10-b {
  margin-bottom: 10px;
}

.push-15-b {
  margin-bottom: 15px;
}

.push-15-t {
  margin-top: 15px;
}

.push-5-l {
  margin-left: 5px;
}

.push-5-r {
  margin-right: 5px;
}

.push-l-15 {
  margin-left: 15px;
}

.push-30-t {
  margin-top: 30px;
}

.push-37-t {
  margin-top: 37px;
}

.push-40-t {
  margin-top: 40px;
}

.push-16-t {
  margin-top: 16px;
}

.push-20-t {
  margin-top: 20px;
}

.push-20-b {
  margin-bottom: 20px;
}

.push-0-b {
  margin-bottom: 0px;
}

.push-l-5 {
  margin-left: 5px;
}

.push-l-10 {
  margin-left: 10px;
}

/* classes for margin */
/* classes for padding */
/* padding all side */
.pad-0 {
  padding: 0 !important;
}

.pad-5p-imp {
  padding: 5px !important;
}

.pad-6 {
  padding: 6px;
}

.pad-15 {
  padding: 15px !important;
}

.padding-15 {
  padding: 15px;
}

.pad-20 {
  padding: 20px;
}

.pad-10 {
  padding: 10px;
}

/* padding all side */
/* padding-top */
.pad-0-t {
  padding-top: 0px !important;
}

.pad-20-t-imp {
  padding-top: 20px !important;
}

.pad-30-t-imp {
  padding-top: 30px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.padding-top-116px {
  padding-top: 116px !important;
}

.padding-top-140px {
  padding-top: 140px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.pad-t-8 {
  padding-top: 8px !important;
}

.pad-t-15 {
  padding-top: 15px !important;
}

/* padding-top  */
/* padding-right */
.pad-0-r {
  padding-right: 0px !important;
}

.pad-r-8 {
  padding-right: 8px;
}

.pad-r-10 {
  padding-right: 10px;
}

.pad-r-16-imp {
  padding-right: 16px !important;
}

.pad-r-20 {
  padding-right: 20px;
}

.pad-r-20-imp {
  padding-right: 20px !important;
}

.pad-r-30 {
  padding-right: 30px;
}

.pad-r-60 {
  padding-right: 60px;
}

.pad-r-15 {
  padding-right: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pad-r-0 {
  padding-right: 0 !important;
}

/* padding-right */
/* padding-bottom */
.padding-20-b {
  padding-bottom: 20px !important;
}

.padding-0-b-imp {
  padding-bottom: 0px !important;
}

.padding-10-b {
  padding-bottom: 10px;
}

.padding-15-b {
  padding-bottom: 15px;
}

.pad-30-b {
  padding-bottom: 30px !important;
}

.pb-12 {
  padding-bottom: 12px;
}

.padding-bottom-65 {
  padding-bottom: 65px;
}

.padding-bottom-4 {
  padding-bottom: 4px;
}

.pad-b-8 {
  padding-bottom: 8px;
}

.pad-b-15 {
  padding-bottom: 15px;
}

/* padding-bottom */
/* padding-left */
.pad-l-5 {
  padding-left: 5px !important;
}

.pad-l-8 {
  padding-left: 8px;
}

.pad-l-8-imp {
  padding-left: 8px !important;
}

.pad-l-7 {
  padding-left: 7px;
}

.pad-l-10 {
  padding-left: 10px;
}

.pad-l-15 {
  padding-left: 15px;
}

.pad-l-16-imp {
  padding-left: 16px !important;
}

.pad-l-20-imp {
  padding-left: 20px !important;
}

.pad-l-30 {
  padding-left: 30px;
}

.pad-l-60 {
  padding-left: 60px;
}

.pad-l-0 {
  padding-left: 0px !important;
}

.pad-l-5 {
  padding-left: 5px;
}

.pad-l-50 {
  padding-left: 50px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pad-l-35 {
  padding-left: 35px;
}

.pad-l-25 {
  padding-left: 25px;
}

.push-r-8 {
  margin-right: 8px;
}

.push-0-t {
  margin-top: 0px !important;
}

.push-10-t {
  margin-top: 10px;
}

.push-30-b {
  margin-bottom: 30px;
}

.push-r-10 {
  margin-right: 10px;
}

.push-r-16 {
  margin-right: 16px;
}

.push-r-20 {
  margin-right: 20px;
}

.max-width-unset {
  max-width: unset !important;
}

.max-height-350 {
  max-height: 350px;
}

.max-width-250 {
  max-width: 250px;
}

.h-15 {
  height: 15px;
}

.h-16 {
  height: 16px;
}

.h-17 {
  height: 17px;
}

.w-195 {
  width: 195px;
}

/* padding-left */
/* adjust form input paddings in device smaller than 768px  */
@media screen and (max-width: 768px) {
  .col-md-6[class^=pad-r-],
.col-md-6[class*=pad-r-] {
    padding-right: 15px !important;
  }

  .col-md-6[class^=pad-l-],
.col-md-6[class*=pad-l-] {
    padding-left: 15px !important;
  }
}
/* adjust form input paddings in device smaller than 768px  */
/* classes for padding */
.pos-relative {
  position: relative;
}

.right-16 {
  right: 16px !important;
}

/* .button_style css starts here */
.button_style1 {
  border-radius: 3px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  color: #ffffff !important;
  padding: 12px 30px;
  border: 2px solid #0fa7ff;
  cursor: pointer;
  background-color: #2843df;
  border: 2px solid #2843df;
}

.button_style1:hover {
  background: none;
  color: #2843df !important;
}

.button_style2 {
  border-radius: 3px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #2843df;
  padding: 10px 20px;
  border: 1px solid #2843df;
  margin: 0 5px;
  cursor: pointer;
}

.button_style2:hover {
  color: #fff;
  background: #2843df;
  border: 1px solid #2843df;
}

.button_style3 {
  border-radius: 3px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  color: #6a6e73;
  padding: 12px 30px;
  cursor: pointer;
  background-color: #eff3ff;
  border: 2px solid #eff3ff;
}

.button_style3:hover {
  background: none;
  color: #6a6e73;
  border: 2px solid #6a6e73;
}

.button_style4 {
  border-radius: 3px;
  background-color: #ff4a37;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  color: #ffffff;
  padding: 12px 30px;
  border: 2px solid #ff4a37;
  cursor: pointer;
}

.button_style4:hover {
  background: none;
  color: #ff5b64;
}

.button_style5 {
  border-radius: 3px;
  background-color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  color: #2843df;
  padding: 12px 30px;
  border: 2px solid #2843df;
  cursor: pointer;
}

.button_style5:hover {
  background: #2843df;
  color: #fff;
}

.button_style6 {
  border-radius: 3px;
  background-color: rgba(15, 167, 255, 0.1);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: #0fa7ff;
  padding: 14px 40px;
  cursor: pointer;
}

.button_style6:hover {
  background: #0fa7ff;
  color: #fff;
}

.button_style7 {
  border-radius: 3px;
  background-color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  padding: 12px 30px;
  border: 2px solid #28a745;
  background: #28a745;
  cursor: pointer;
}

.button_style7:hover {
  background: none;
  color: #28a745;
}

/* .button_style css starts here */
/* select2 override  */
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  background: #f8f8f8 url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEzIiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCAxMyA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi41Mjk2NiA2Ljk5OTk5QzYuNDA2OTcgNy4wMDA2NSA2LjI4NTM1IDYuOTc4NTkgNi4xNzE3NiA2LjkzNTA3QzYuMDU4MTggNi44OTE1NSA1Ljk1NDg3IDYuODI3NDIgNS44Njc3NSA2Ljc0NjM3TDAuMjc0MTcxIDEuNDk5MDZDMC4wOTg2MjIzIDEuMzM0MzggMCAxLjExMTAyIDAgMC44NzgxMjlDMCAwLjY0NTIzNSAwLjA5ODYyMjMgMC40MjE4NzkgMC4yNzQxNzEgMC4yNTcxOThDMC40NDk3MiAwLjA5MjUxNyAwLjY4NzgxNSAwIDAuOTM2MDc5IDBDMS4xODQzNCAwIDEuNDIyNDQgMC4wOTI1MTcgMS41OTc5OSAwLjI1NzE5OEw2LjUyOTY2IDQuODkyMzJMMTEuNDYxMyAwLjI2NTk0NEMxMS42Mzk3IDAuMTIyNjY5IDExLjg2OTEgMC4wNDc4MDIxIDEyLjEwMzcgMC4wNTYzMDM3QzEyLjMzODMgMC4wNjQ4MDU0IDEyLjU2MDkgMC4xNTYwNSAxMi43MjY5IDAuMzExODAzQzEyLjg5MyAwLjQ2NzU1NSAxMi45OTAyIDAuNjc2MzQ1IDEyLjk5OTMgMC44OTY0NDhDMTMuMDA4NCAxLjExNjU1IDEyLjkyODYgMS4zMzE3NiAxMi43NzU4IDEuNDk5MDZMNy4xODIyNSA2Ljc0NjM3QzcuMDA4NiA2LjkwNzkzIDYuNzc0MjMgNi45OTkwMiA2LjUyOTY2IDYuOTk5OTlaIiBmaWxsPSIjNkE2RTczIi8+Cjwvc3ZnPg==") no-repeat !important;
  background-position: center center !important;
}

.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
  background: #eaecfc url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEzIiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCAxMyA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi41Mjk2NiA2Ljk5OTk5QzYuNDA2OTcgNy4wMDA2NSA2LjI4NTM1IDYuOTc4NTkgNi4xNzE3NiA2LjkzNTA3QzYuMDU4MTggNi44OTE1NSA1Ljk1NDg3IDYuODI3NDIgNS44Njc3NSA2Ljc0NjM3TDAuMjc0MTcxIDEuNDk5MDZDMC4wOTg2MjIzIDEuMzM0MzggMCAxLjExMTAyIDAgMC44NzgxMjlDMCAwLjY0NTIzNSAwLjA5ODYyMjMgMC40MjE4NzkgMC4yNzQxNzEgMC4yNTcxOThDMC40NDk3MiAwLjA5MjUxNyAwLjY4NzgxNSAwIDAuOTM2MDc5IDBDMS4xODQzNCAwIDEuNDIyNDQgMC4wOTI1MTcgMS41OTc5OSAwLjI1NzE5OEw2LjUyOTY2IDQuODkyMzJMMTEuNDYxMyAwLjI2NTk0NEMxMS42Mzk3IDAuMTIyNjY5IDExLjg2OTEgMC4wNDc4MDIxIDEyLjEwMzcgMC4wNTYzMDM3QzEyLjMzODMgMC4wNjQ4MDU0IDEyLjU2MDkgMC4xNTYwNSAxMi43MjY5IDAuMzExODAzQzEyLjg5MyAwLjQ2NzU1NSAxMi45OTAyIDAuNjc2MzQ1IDEyLjk5OTMgMC44OTY0NDhDMTMuMDA4NCAxLjExNjU1IDEyLjkyODYgMS4zMzE3NiAxMi43NzU4IDEuNDk5MDZMNy4xODIyNSA2Ljc0NjM3QzcuMDA4NiA2LjkwNzkzIDYuNzc0MjMgNi45OTkwMiA2LjUyOTY2IDYuOTk5OTlaIiBmaWxsPSIjNkE2RTczIi8+Cjwvc3ZnPg==") no-repeat center center !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eaecfc;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  color: #2843df;
}

.select2-container--bootstrap .select2-dropdown,
.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.15);
}

.select2-container--bootstrap .select2-search__field:focus {
  border-color: rgba(0, 0, 0, 0.15) !important;
}

.select2-container--open,
.select2-container--open .select2-dropdown {
  box-shadow: 0 0 16px 0 rgba(4, 4, 4, 0.12);
  border: none;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  color: #2843df !important;
}

.select2-results__options {
  padding: 16px;
}

.select2-results__option:not(:first-child) {
  border-top: 1px solid #eaecfc;
}

.select2-results__option {
  font-size: 12px;
  color: #666a80;
  padding: 13px 0 !important;
  background-color: transparent !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  color: #2843df !important;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  height: 100%;
  padding: 6px 24px 6px 12px;
  line-height: 30px;
  font-size: 13px;
  color: #212529;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  top: 12px;
}

.select2-container .select2-selection--single .select2-selection__clear {
  font-size: 16px;
  margin-right: 5px;
  position: absolute;
  float: unset;
  right: 14px;
}

/* select2 override  */
/* multiple select css  */
.multiselect-container > li > a.multiselect-all label,
.multiselect-container > li > a > label {
  color: #212529;
}

.multiselect-container li:hover,
.multiselect-container li:hover a label {
  background-color: #e7f3ff;
  color: #0fa7ff;
}

.multiselect-native-select ul {
  width: 100%;
  margin-top: 5px;
  height: 200px;
  z-index: 4;
  overflow-y: auto;
}

.multiselect-container > li > a.multiselect-all label,
.multiselect-container > li > a > label {
  width: 100%;
  font-size: 13px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 0;
  height: 30px;
  margin-right: 8px;
}

/* multiple select css  */
.calendar-table thead th.prev,
.calendar-table thead th.next {
  background: none;
}

/* Common styles ends */
input[readonly=readonly],
input[readonly=readonly]:focus {
  border: none;
  box-shadow: none;
  padding: 0 !important;
  height: auto;
}

textarea[readonly=readonly]:focus,
input[readonly=readonly]:focus {
  border: none !important;
}

.dropdownopen-left .dropdown-menu {
  left: inherit;
  right: 0px;
}

.nav-tabs .nav-link.active {
  background: none;
  position: relative;
  color: #2843df !important;
}

.nav-tabs .nav-link.active:after {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  height: 2px;
  background-color: #2843df;
  width: 100%;
  bottom: 0px;
}

#tags span.tag {
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  margin-bottom: 10px;
  top: 5px;
  display: inline;
  vertical-align: middle;
  color: #273133;
  background: var(--white);
  padding: 5px 10px;
  padding-right: 30px;
  margin-right: 10px;
  position: relative;
}

#tags span.tag:hover {
  opacity: 0.7;
}

#tags span.tag:after {
  position: absolute;
  border: none;
  content: "×";
  font-size: 18px;
  border-radius: 10px;
  padding: 0 4px;
  margin: -4px 0 10px 7px;
}

.topsearch .searchby .search-icon {
  color: #b3b5bd;
}

#selectcategorymodal .modal-dialog .modal-content {
  max-width: 550px;
}

#selectcategorymodal .modal-header {
  border-bottom: none;
  padding-top: 0;
}

#selectcategorymodal .modal-dialog .modal-content .modal-body {
  padding: 40px 30px;
}

#selectcategorymodal .modal-dialog .modal-content .button_style1 {
  width: 148px !important;
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-right: 15px;
  font-weight: 500;
  border: 1px solid #0fa7ff;
}

#selectcategorymodal .modal-dialog .custom-control-label::before,
#selectcategorymodal .modal-dialog .custom-control-label::after {
  top: 0.25rem;
  left: 0;
}

.custom-control-label {
  color: #343638;
  padding-left: 5px;
}

.pound-input .pound-sign {
  left: 30px;
  top: 20px;
}

.pound-input input[readonly=readonly] {
  padding-left: 15px !important;
  color: #455a64;
}

input[name=daterange] {
  background: none;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: normal;
  height: 44px;
  transition: all 0.3s ease 0s;
  border: solid 1px #eceff1;
  color: #343638;
}

input.form-control[readonly=readonly],
input.form-control[readonly=readonly]:focus,
textarea[readonly=readonly],
textarea[readonly=readonly]:focus {
  border: none !important;
  background: none !important;
  padding: 0;
  box-shadow: none;
  color: #343638;
}

input[name=daterange][readonly=readonly] {
  height: auto;
  color: #000;
}

input[name=daterange]:focus {
  outline: none;
  box-shadow: 0px 0px 7px #d5efff;
  border: 1px solid #0ea6fe !important;
}

select {
  background: #f8f8f8 url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEzIiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCAxMyA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi41Mjk2NiA2Ljk5OTk5QzYuNDA2OTcgNy4wMDA2NSA2LjI4NTM1IDYuOTc4NTkgNi4xNzE3NiA2LjkzNTA3QzYuMDU4MTggNi44OTE1NSA1Ljk1NDg3IDYuODI3NDIgNS44Njc3NSA2Ljc0NjM3TDAuMjc0MTcxIDEuNDk5MDZDMC4wOTg2MjIzIDEuMzM0MzggMCAxLjExMTAyIDAgMC44NzgxMjlDMCAwLjY0NTIzNSAwLjA5ODYyMjMgMC40MjE4NzkgMC4yNzQxNzEgMC4yNTcxOThDMC40NDk3MiAwLjA5MjUxNyAwLjY4NzgxNSAwIDAuOTM2MDc5IDBDMS4xODQzNCAwIDEuNDIyNDQgMC4wOTI1MTcgMS41OTc5OSAwLjI1NzE5OEw2LjUyOTY2IDQuODkyMzJMMTEuNDYxMyAwLjI2NTk0NEMxMS42Mzk3IDAuMTIyNjY5IDExLjg2OTEgMC4wNDc4MDIxIDEyLjEwMzcgMC4wNTYzMDM3QzEyLjMzODMgMC4wNjQ4MDU0IDEyLjU2MDkgMC4xNTYwNSAxMi43MjY5IDAuMzExODAzQzEyLjg5MyAwLjQ2NzU1NSAxMi45OTAyIDAuNjc2MzQ1IDEyLjk5OTMgMC44OTY0NDhDMTMuMDA4NCAxLjExNjU1IDEyLjkyODYgMS4zMzE3NiAxMi43NzU4IDEuNDk5MDZMNy4xODIyNSA2Ljc0NjM3QzcuMDA4NiA2LjkwNzkzIDYuNzc0MjMgNi45OTkwMiA2LjUyOTY2IDYuOTk5OTlaIiBmaWxsPSIjNkE2RTczIi8+Cjwvc3ZnPg==") no-repeat !important;
  background-size: 12px !important;
  outline: none;
  background-position: right 10px center !important;
  transition: all 0.3s ease 0s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  border-radius: 4px;
  border: solid 2px var(--lightblue);
}

select.form-control {
  width: 100%;
  height: 44px;
  border: solid 2px var(--lightblue);
  padding: 5px 15px;
  outline: none;
  font-size: 12px;
  transition: all 0.3s ease 0s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
}

select.form-control:focus,
textarea:focus {
  box-shadow: 0px 0px 7px var(--lightblue);
  border: 2px solid #2843df !important;
  transition: all 0.3s ease 0s;
}

textarea {
  padding: 10px 10px;
  transition: all 0.3s ease 0s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 12px;
  border: solid 2px var(--lightblue);
  min-height: 40px;
  background-color: #f8f8f8;
  max-height: 400px;
}

a,
img {
  outline: none;
  text-decoration: none;
}

.border-bottom-gray {
  border-bottom: 1px solid #d5dce0;
}

.border-bottom {
  border-bottom: solid 2px var(--lightblue) !important;
}

.border-2 {
  border: solid 2px var(--lightblue);
}

input {
  width: 100%;
  height: 44px;
  padding: 5px 10px;
  outline: none;
  transition: all 0.3s ease 0s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  /* font-size: 13px;
  border: 1px solid #eceff1;*/
}

input {
  border: solid 2px var(--lightblue);
  background-color: #f8f8f8;
}

input:focus {
  box-shadow: 0px 0px 7px var(--lightblue);
  border: 2px solid #2843df !important;
}

.checkbox label .checkbox-decorator .check,
label.checkbox-inline .checkbox-decorator .check {
  border-color: rgba(0, 0, 0, 0.26);
}

a:hover {
  text-decoration: none;
}

.blue-color {
  color: #518ef8;
}

.green-color {
  color: #43dc91;
}

.red-color {
  color: var(--primaryred);
}

.light-gray {
  color: #666a80;
}

.box.box-inline-block {
  display: inherit;
}

.box.box-inline-block .w-75 {
  width: calc(100% - 470px) !important;
  display: inline-block;
  vertical-align: top;
}

/* .box textarea {
    overflow: hidden;
} */
.box.box-inline-block .w-25 {
  width: 450px !important;
  display: inline-block;
  vertical-align: top;
}

.box.box-inline-block .cols:first-child {
  margin-right: 15px;
}

/* button styles  */
.button_style3 {
  width: 148px;
  height: 48px;
  background-color: #eceff1;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #6d7176;
  text-align: center;
  border: 2px solid #eceff1;
}

.button_style3:hover {
  background: none;
  color: #6d7176;
}

/* button styles  */
.lightgray-btn {
  background-color: var(--lightblue) !important;
  color: #666a80 !important;
  border: 1px solid var(--lightblue) !important;
}

.cols.w-75 {
  width: 75%;
}

.cols.w-25 {
  width: 25%;
}

.daterangepicker .calendar-table .prev span,
.daterangepicker .calendar-table .next span {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.main-content {
  background: var(--white);
}

/* Common styles ends */
.dropdown-item {
  padding: 0.5rem 1.5rem;
  transition: all 0.3s ease 0s;
  border-left: 3px solid transparent;
}
.dropdown-item:focus, .dropdown-item:hover {
  background: #eaedfc !important;
  color: #2843df;
  border-color: #2843df;
}

.logout_btn {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

.dropdown-menu::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: var(--white) transparent transparent transparent;
  top: -10px;
  left: 20px;
  transform: rotate(180deg);
  transition: all 0.25s ease-out;
}
.dropdown-menu.dropdown-menu-left::before {
  left: 20px;
  right: auto;
}
.dropdown-menu.dropdown-menu-right::before {
  left: auto;
  right: 20px;
}
.more-btn-dropdown .dropdown-menu.dropdown-menu-right::before {
  right: 3px;
  left: auto;
}
.dropdown-menu[x-placement^=top] {
  margin-top: 0;
  margin-bottom: 16px;
}
.dropdown-menu[x-placement^=top]::before {
  top: unset;
  bottom: -10px;
  transform: rotate(0);
}
.dropdown-menu[x-placement^=top-end] {
  margin-bottom: 16px;
  margin-top: 0;
}
.dropdown-menu[x-placement^=top-end]::before {
  bottom: -12px;
  top: unset;
  border-color: var(--white) transparent transparent transparent;
  transform: rotate(0deg);
}

.moreopt_dropdown {
  display: inline-block;
}
.moreopt_dropdown .dropdown-menu {
  left: 16px !important;
}
.moreopt_dropdown .icon_btnstyle {
  margin-right: 0;
}

.dropdown_width_250px {
  width: 250px;
}

.min_dropdown_width_250px {
  min-width: 250px !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 0px 30px;
}

.select2-container--bootstrap .select2-selection--single {
  padding-top: 9px;
}

.select2-container--bootstrap .select2-search__field {
  height: 30px;
  border: none !important;
  box-shadow: none !important;
}

/* Chrome/Opera/Safari */
.topsearch input::-webkit-input-placeholder {
  color: #afb2ba;
  font-size: 14px;
}

/* Firefox 19+ */
.topsearch input::-moz-placeholder {
  color: #afb2ba;
  font-size: 14px;
}

/* IE 10+ */
.topsearch input:-ms-input-placeholder {
  color: #afb2ba;
  font-size: 14px;
}

/* Firefox 18- */
.topsearch input:-moz-placeholder {
  color: #afb2ba;
  font-size: 14px;
}

/* in top search in header */
.add-btn {
  padding-left: 20px;
  transition: all 0.3s ease 0s !important;
}

.add-btn,
.add-btn span,
.add-btn img {
  display: inline-block;
  vertical-align: middle;
}

.add-btn img {
  height: 20px;
}

.add-btn span {
  color: var(--white);
  font-size: 14px;
}

/* in top search in header */
/* Header css ends */
/* main section css starts */
.main {
  height: 100%;
  display: flex;
}

.main .left-section:not(.candidate-detail-header .left-section) {
  width: 212px;
  position: relative;
  padding-bottom: 60px;
  padding-top: 62px;
}

.main .right-section:not(.candidate-detail-header .right-section) {
  width: 100%;
  padding-top: 62px;
  flex-grow: 1;
  transition: all 0.2s ease;
}

body.sidebar-minimized .main .right-section {
  width: calc(100% - 65px) !important;
}

@media screen and (max-width: 800px) {
  .main > .right-section {
    width: 100%;
    max-width: 100%;
  }
}
.main .left-section .navbar-dark .dropdown-item {
  color: #666a80;
  background: none;
  padding: 15px 25px;
  font-size: 14px;
  font-weight: 500;
}

.main .left-section .header-top .dropdown-menu a {
  padding: 12px 15px;
  position: relative;
}

.main .left-section .header-top .dropdown-menu .dropdown-item:hover,
.main .left-section .header-top .dropdown-menu .dropdown-item.dropdown-submenu.has-submenu[aria-expanded=true],
.main .left-section .header-top .dropdown-menu .dropdown-item:focus {
  background-color: #eaedfc !important;
  color: #2843df;
}

.main .left-section .header-top {
  width: 212px;
  padding-left: 1px;
  height: 50px;
  background-color: #08104d;
  box-shadow: none;
  z-index: 5;
}

.main .left-section .header-top .dropdown-menu .dropdown-item:hover::after,
.main .left-section .header-top .dropdown-menu .dropdown-item.dropdown-submenu.has-submenu[aria-expanded=true]::after,
.main .left-section .header-top .dropdown-menu .dropdown-item:focus::after,
.main .left-section .header-top .dropdown-menu .dropdown-item.active::after,
.main .left-section .header-top .dropdown-menu .dropdown-item.active.dropdown-submenu.has-submenu[aria-expanded=true]::after,
.main .left-section .header-top .dropdown-menu .dropdown-item.active::after {
  content: "";
  background-color: #2843df;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 18px;
  right: 22px;
}

.main .left-section .header-top .dropdown-menu .dropdown-item.dropdown-submenu.has-submenu:hover::after {
  border-radius: 0;
}

.main .left-section .header-top i {
  font-style: normal;
  color: var(--white);
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.main .left-section + .dropdown-menu .dropdown-menu.second-menu .dropdown-item::after {
  right: -8px;
}

.navbar-dark .navbar-toggler-icon {
  background: url("../images/hemburger.svg") no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
}

.navbar-toggler-icon,
.pin-sidebar,
.navbar-close-icon,
.close-mini-sidebar {
  cursor: pointer;
}

.main .left-section .header-top strong {
  position: absolute;
  right: 0px;
  transform: rotate(180deg);
  top: 13px;
}

/* Sidebar style starts */
.navbar-expand-lg .navbar-nav.side-nav {
  flex-direction: column;
}

.card {
  margin-bottom: 15px;
  border-radius: 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

.header-top {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

.navbar-nav li a .shortmenu {
  display: none;
}

.card-title {
  font-size: 28px;
}

@media (min-width: 992px) {
  #wrapper {
    padding: 90px 15px 15px 75px;
  }

  #wrapper.open {
    padding: 90px 15px 15px 225px;
  }

  .navbar-nav.side-nav.open {
    /*left: 150px;*/
    display: inherit;
    width: 250px;
  }

  .side-nav li a {
    padding: 20px;
  }

  .navbar-nav li a .shortmenu {
    float: right;
    display: block;
    opacity: 1;
  }

  .navbar-nav.side-nav.open.navbar-nav li a .shortmenu {
    opacity: 0;
  }

  .navbar-nav.side-nav {
    background: none;
    position: fixed;
    top: 50px;
    width: 212px;
    left: 0px;
    flex-direction: column !important;
    bottom: 0;
    padding: 0px 0px 40px 0px !important;
  }
}
.animate {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.navbar-nav li a svg {
  font-size: 25px;
  float: left;
  margin: 0 10px 0 5px;
}

.side-nav .dropdown {
  position: initial;
}

.side-nav .dropdown-menu {
  position: relative;
  opacity: 0;
  left: 120%;
  top: 0;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
  background: #eee;
  visibility: hidden;
  display: block;
  transition: 0.4s ease all;
}

.side-nav .dropdown-menu.show {
  left: 100%;
  opacity: 1;
  visibility: visible;
  display: block;
  transition: 0.2s ease all;
}

.main .left-section .navbar-dark .navbar-nav li {
  margin-bottom: 10px;
}

.main .left-section .navbar-dark .navbar-nav .nav-link {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: var(--white);
  padding: 8px 10px;
  text-transform: capitalize;
}

.navbar-nav.side-nav {
  padding: 15px 20px 0px 20px;
  transition: 0.4s ease all;
}

ul.tabs {
  margin-top: 50px;
  position: fixed;
  left: 0;
  width: 212px;
  height: calc(100% - 96px);
  overflow-y: auto;
  /*background-color: #eceff1;*/
  background-color: var(--lightblue);
  z-index: 4;
}

.tabs li:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  height: 100%;
  width: 2px;
}

.tabs li:nth-child(1):before {
  background-color: #2843df;
}

.tabs li:nth-child(2):before {
  background-color: #08104d;
}

.tabs li:nth-child(3):before,
.tabs li:nth-child(7):before {
  background-color: #ff5b64;
}

.tabs li:nth-child(4):before,
.tabs li:nth-child(8):before {
  background-color: #eec643;
}

.tabs li:nth-child(5):before,
.tabs li:nth-child(9):before {
  background-color: #2fd688;
}

.tabs li:nth-child(6):before,
.tabs li:nth-child(10):before {
  background-color: #1a237e;
}

.tabs li {
  position: relative;
}

.tabs li.active {
  background-color: var(--white);
}

.tabs li a {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 3;
  letter-spacing: normal;
  color: #1c2429;
  display: block;
  padding: 0px 12px;
}

.close-icon {
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 3;
  padding: 0 !important;
}

#sidebar-main1 {
  display: none;
}

.sidebar {
  width: 300px;
  padding: 0px;
}

.sidebar .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 33px 23px;
  overflow-y: auto;
  -webkit-box-sizig: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}

.sidebar a {
  text-decoration: none;
  display: block;
}

/* Sidebar style ends */
/* Notification style starts */
.close-search,
.close-search:focus {
  text-decoration: none;
  background: none;
}

.search-title i,
.notification-main .search-title i,
.history-main .search-title i {
  color: #818e94;
  font-size: 18px;
}

.close-search span {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  color: #2e2e38;
  text-decoration: none;
  margin-left: 15px;
}

.oval-2 {
  background-color: #eeebff;
  color: #886cff;
}

.oval-3 {
  color: #ff9314;
  background-color: var(--white) 0db;
}

.oval-4 {
  color: #ef3737;
  background-color: #fee2e0;
}

.notification-main .notification-content span:first-child {
  display: inline-block;
  vertical-align: top;
}

.notification-main .common-title {
  margin-top: 20px;
}

.notification-main ul {
  padding: 15px 0px 0px 0px;
}

.notification-main ul li {
  text-align: left;
  border-bottom: solid 1px #e8ebef;
  padding: 0px 0px 14px 0px !important;
  position: relative;
  width: 100%;
  margin-bottom: 14px;
}

.notification-main ul li a {
  text-decoration: none;
  cursor: pointer;
  display: block;
}

.notification-main .user-details {
  width: 55px;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-bottom: 0px;
  text-align: left;
}

.notification-main .oval {
  height: 44px;
  width: 44px;
}

.oval-1 {
  background-color: #e7f3ff;
  color: #0fa7ff;
}

.oval {
  width: 57px;
  height: 57px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  position: relative;
  -o-border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
}

.oval span,
.oval label {
  font-size: 25px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  height: 100%;
  line-height: 57px;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.notification-main .oval span {
  font-size: 16px;
  line-height: 44px;
}

.notification-main .notification-content {
  width: calc(100% - 60px);
  display: inline-block;
  vertical-align: top;
  padding-left: 0px;
  padding-top: 5px;
  height: 100%;
  margin-bottom: 0;
}

.notification-content * {
  margin-bottom: 0px;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.8px;
  color: #08104d;
}

.notification-content b {
  font-weight: 600;
}

.notification-content .notification-time {
  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #818e94;
  display: inline-block !important;
  vertical-align: top;
  margin-right: 0px;
  margin-top: 3px;
  line-height: normal;
  letter-spacing: 0.67px;
  color: #666a80;
}

.notification-time,
.smile-icon {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}

.notification-time {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #627478;
}

.main .left-section .header-top .dropdown-menu {
  left: -250px;
  background-color: #08104d;
  padding: 5px 0px 5px;
  height: calc(100vh - 0px);
  top: -63px;
  padding-top: 62px;
  background-color: var(--lightblue);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.left-section.sidebar.sidebar_collapse {
  z-index: 9;
}

.main .left-section .navbar-dark .navbar-nav .nav-link:after {
  display: none;
}

.user-details-search ul li:hover .bottom-border,
.notification-main ul li:hover .bottom-border {
  width: 100%;
}

.load-more-button {
  display: block;
  margin: 0 auto;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  background-color: #e7f3ff;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.41;
  letter-spacing: normal;
  color: #0fa7ff;
  height: 48px;
  width: 148px;
  border-radius: 4px;
  box-shadow: none;
  text-transform: capitalize;
}

.notification-main .load-more-button {
  margin-top: 15px;
}

.notification-main .load-more-button:hover {
  background-color: #0fa7ff;
  color: var(--white);
}

div[data-sidebar-main1=mask] {
  z-index: 4 !important;
}

.notification-main,
.candidate-drawer {
  top: 54px !important;
}

.notification-main #notification_list li .notification-link .notification-content > span,
.notification-main #notification_list li {
  display: block !important;
}

.notification-main #notification_list li .notification-link .notification-content > span.notification-time {
  text-align: left;
}

/* Notification style ends */
/* Candidate list style starts */
.detailtopheader {
  background-color: var(--lightblue);
  padding: 11px 16px 11px 16px;
  width: 100%;
  position: fixed;
  z-index: 3;
  height: 50px;
}

@media screen and (max-width: 800px) {
  .detailtopheader {
    width: 100%;
  }
}
.detailtopheader ul li,
.detailtopheader ul li h2 {
  display: inline-block;
  vertical-align: middle;
}

.detailtopheader ul li h2 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  color: #1c2429;
  margin: 0px 0px 0px 5px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
}

.detailtopheader ul li .circle {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  background-color: #2843df;
}

.detailtopheader .topsearch {
  padding-left: 0px;
}

.detailtopheader ul li {
  padding-left: 10px;
}

.detailtopheader ul li:first-child {
  padding-left: 0px !important;
}

.detailtopheader .topsearch input {
  height: 37px;
  background-image: none;
  outline: none;
  transition: all 0.3s ease 0s;
  background: url("../images/search.png") no-repeat 4% 46%;
  background-color: var(--white);
  background-size: 20px !important;
  border: 1px solid var(--white) !important;
}

.detailtopheader .topsearch input:focus {
  box-shadow: 0px 0px 7px #d5efff;
  border: 1px solid #0ea6fe !important;
}

.detailtopheader .topsearch .search-icon {
  top: 9px;
}

.detailtopheader .left {
  display: inline-block;
  width: 70%;
  vertical-align: middle;
}

.detailtopheader .right {
  display: inline-block;
  width: calc(30% - 5px);
  vertical-align: middle;
  text-align: right;
  position: relative;
}

.clear-btn,
.clear-btn:hover {
  min-width: 83px;
  height: 36px;
  display: inline-block;
  text-align: center;
  background-color: var(--primaryred);
  color: var(--white);
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: normal;
  padding: 0 12px;
  border-radius: 4px;
}

.detailtopheader ul li a span {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1c2429;
}

.detailtopheader ul li a img,
.detailtopheader ul li a span {
  display: inline-block;
  vertical-align: middle;
}

.clear-tab {
  position: fixed;
  bottom: 16px;
  width: 212px;
  padding: 0px 16px;
  z-index: 4;
}

.cleartab-btn {
  height: 44px;
  background-color: #08104d;
  width: 100%;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: var(--white) !important;
  border-radius: 4px;
  letter-spacing: 1px;
  transition: 0.2s ease-in-out;
  padding: 16px;
}

.cleartab-btn:hover {
  background-color: #243cc9;
}

.clear-tab .cleartab-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.candidate-drawer {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.23);
}

.candidate-drawer .more-btn,
.candidate-drawer .more-btn:hover {
  float: right;
  width: 110px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
}

.candidate-drawer .candidate-detail-header {
  padding: 17px 18px 17px 20px;
  height: auto;
}

.select2-container--bootstrap.select2-container--open:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  border-color: #66afe9;
}

.candidate-list table td .form-group .multiselect-native-select .btn-group button.dropdown-toggle::after {
  right: 5px;
  left: inherit;
  margin-left: 0;
  position: absolute;
  top: 5px;
  background: url(../images/dropdown-arrow.png) no-repeat !important;
  background-size: 23px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  height: 20px;
  width: 20px;
}

.candidate-drawer .year-scheduler-inner .mycal-year {
  width: calc(33.33% - 20.5px);
}

.candidate-drawer .year-scheduler-inner {
  padding: 20px 20px 0px 20px;
}

.candidate-drawer .bookingdetails-section .mycal_headerbox_left a {
  position: relative;
  color: #000;
  width: auto;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
}

.candidate-drawer .bookingdetails-section .mycal_headerbox_right a.dropdown-toggle {
  font-size: 14px;
  color: #1c2429;
  font-weight: normal;
}

.candidate-drawer .bookingdetails-section .mycal_headerbox_right a.dropdown-toggle:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #afb2ba;
  background: none;
  width: 10px;
}

.candidate-drawer .bookingdetails-section .mycal_headerbox_left a i {
  font-size: 22px;
  color: #afb2ba;
}

.candidate-drawer .mycal_top_header {
  background: none;
}

.candidate-drawer .mycal_headerbox_left {
  padding-left: 20px;
}

.candidate-drawer .year-scheduler-inner .mycal-year:nth-child(3n+0) {
  margin-right: 0px;
}

.candidate-drawer .year-scheduler-inner .mycal-year:nth-child(4n+0) {
  margin-right: 30px;
}

.candidate-drawer .tab-details .general-info table tr td:first-child {
  color: rgba(106, 110, 115, 0.73);
}

.candidate-drawer .tab-links ul li:first-child a.active:after {
  left: 0;
  right: 0;
  margin: 0px auto;
  width: 82%;
}

.drawer-main {
  position: relative;
}

.general-info {
  padding: 15px 20px;
}

.drawer-footer {
  width: 100%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 72px;
  background-color: #eceff1;
  padding: 15px 20px;
  z-index: 1;
}

.drawer-main .general-info .hidden-status {
  font-weight: 600;
}

.drawer-footer ul {
  margin-bottom: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.drawer-footer ul li {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}

.drawer-footer p {
  margin-bottom: 0px;
  font-size: 14px;
  color: #6a6e73;
}

.candidate-drawer .tab-details {
  background-color: var(--white);
}

.contact-log-details {
  padding: 15px 20px;
}

.candidate-drawer .tab-details table tr td:first-child {
  color: inherit;
}

.candidate-drawer .tab-details table tr:first-child td {
  color: rgba(106, 110, 115, 0.73);
}

.candidate-drawer .tab-details table tr td {
  font-size: 14px;
  vertical-align: top;
  padding-right: 15px;
}

.candidate-list .candidate-drawer table tbody tr:nth-child(even) {
  background: none;
}

.candidate-drawer .tab-details table tr td a {
  color: #0fa7ff;
  text-transform: uppercase;
  margin-right: 10px;
}

.drawer-main .contact-log-details {
  overflow-y: auto;
  height: calc(100vh - 276px);
}

.candidate-list .candidate-drawer table tbody tr {
  border-bottom: 1px solid #d5dce0;
}

.candidate-list .candidate-drawer table tbody tr:last-child {
  border-bottom: none;
}

/* Candidate list style ends */
/* Candidate profile style starts */
.candidate-detail-header {
  height: 50px;
  background-color: var(--lightblue);
  padding: 10px 16px 10px 16px;
  display: flex;
  align-items: center;
  width: 100%;
}

.candidate-detail-header.client_header_wrapper {
  min-height: 86px;
  height: auto !important;
}

.client-profile .tab-links .nav-tabs {
  padding: 0 12px;
}

.client-profile .tab-links {
  border-bottom: 2px solid var(--lightblue);
  background-color: var(--white);
}

.client-profile .tab-links .nav-tabs .nav-link {
  padding-right: 0 !important;
  padding-left: 0 !important;
  font-size: 12px;
  font-weight: 500 !important;
}

.client-profile .tab-links .nav-tabs .nav-link.active::after {
  width: 100%;
}

.client-profile .tab-links .nav-tabs .nav-item {
  margin-right: 24px;
}

.social-links li:last-child {
  margin-right: 0;
}

.social-links li a img {
  max-width: 100%;
}

.candidate-detail-header .right-detail ul li {
  position: relative;
  display: inline-block;
  margin-right: 24px;
  vertical-align: middle;
}

.candidate-detail-header .right-detail ul li:last-child {
  margin-right: 0;
}

.candidate-detail-header .right-detail ul li span {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1c2429;
}

.candidate-detail-header .right-detail ul li span a {
  color: #1c2429;
}

.candidate-detail-header .right-detail ul li:after {
  position: absolute;
  content: "";
  bottom: 3px;
  right: -15px;
  background-color: #b7b7b7;
  height: 18px;
  width: 1px;
}

.candidate-detail-header .right-detail ul li:last-child:after {
  display: none;
}

.candidate-detail-header .left-section {
  background: none;
  display: inline-block;
  vertical-align: middle;
  flex-grow: 1;
  padding-bottom: 0px;
  padding-top: 0px;
}

.candidate-detail-header .candidate-detail-header-wrapper {
  position: relative;
  font-size: 15px;
  font-weight: 500;
}

.candidate-detail-header .right-section {
  display: inline-block;
  vertical-align: middle;
  flex-grow: unset;
  padding-top: 0px;
  text-align: right;
}

.candidate-detail-header .left-section .left-detail,
.candidate-detail-header .left-section .right-detail {
  display: inline-block;
  vertical-align: middle;
}

.client-details-page:not(.right-section),
.candidate-details-page:not(.right-section) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.client-details-page .left-section,
.candidate-details-page .left-section {
  display: flex;
  align-items: flex-start;
}

.client-details-page .left-section .right-detail,
.candidate-details-page .left-section .right-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.candidate-detail-header .left-section .right-detail h2 {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #08104d;
}

.candidate-detail-header .left-section .left-detail .img-wrapper {
  height: 64px;
  width: 64px;
  overflow: hidden;
  border-radius: 100%;
}

.candidate-detail-header .left-section .left-detail .img-wrapper img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.user-tag {
  height: 24px;
  border-radius: 4px;
  background-color: rgba(40, 67, 223, 0.2);
  font-size: 11px !important;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2843df;
  display: inline-block;
  padding: 5px 11px;
  text-align: center;
  box-shadow: 0 0 5px #60606020;
}

.candidate-detail-header .left-section .right-detail {
  padding-left: 10px;
  width: calc(100% - 81px);
}

.tab-links {
  min-height: 40px;
  background-color: var(--lightblue);
  border-bottom: 2px solid var(--lightblue);
}

.tab-links ul li a {
  color: #666a80 !important;
  padding: 12px 0px !important;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  position: relative;
  border: none !important;
  text-transform: capitalize !important;
  font-size: 12px;
  font-weight: 500;
  min-height: 40px;
}

.nav-tabs .nav-item {
  margin-bottom: 0px;
}

.add_client .tab-links {
  background-color: transparent;
}

.tab-links ul li a:hover {
  border: none;
}

.client_inner_add .table-content {
  padding: 25px 16px 16px;
}

.tab-links ul li a.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--white);
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.tab-details {
  background-color: #f8f8f8;
  padding-bottom: 56px;
  min-height: calc(100vh - 136px);
}

.add_client .tab-details {
  padding-top: 50px;
}

.client-profile .tab-details {
  padding-top: 226px;
  min-height: calc(100vh - 64px);
}

.client-details-page .tab-details,
.candidate-details-page .tab-details {
  padding-top: 253px;
}

.candidate-detail-header .right-detail ul li span.can-details {
  color: #08104d !important;
  font-weight: 600 !important;
}

.timesheet-profile .tab-details {
  padding-top: 186px;
}

.social-links li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 12px;
}

.options {
  margin-bottom: 10px;
  line-height: 1;
}

.candidate-detail-header ul.options {
  margin: 0;
}

.close-ic {
  font-size: 14px;
  font-weight: 500;
  color: #2843df;
}

.options li a {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #666a80;
  text-transform: capitalize;
}

.social-links {
  display: inline-block;
  vertical-align: middle;
}

.social-links li a {
  display: inline-block;
}

.options li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  line-height: 1;
}

.options li:last-child {
  margin-right: 0px;
}

.candidate-list .main-content-header table tr td img {
  height: auto;
  width: 22.5px;
}

.tab-details table tr td p,
.tab-details table tr td a {
  margin-bottom: 0px;
}

.tab-details table tr:last-child {
  border-bottom: none;
}

.select-wrapper {
  position: relative;
}

.select-wrapper img {
  position: absolute;
  right: 5px;
  top: 9px;
  z-index: 0;
  width: auto !important;
  height: auto !important;
}

.select-wrapper select {
  padding-right: 30px !important;
}

.light-blue-text,
.light-blue-text:hover,
.blue-text-hover:hover {
  color: #243cc9;
}

.blue-text-hover {
  cursor: pointer;
}

.more-btn,
.more-btn:hover,
.options li a.more-btn,
.options li a.more-btn:hover {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  letter-spacing: normal;
  color: var(--white);
  border-radius: 4px;
  padding: 0 12px;
}

.tab-links .nav-tabs {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-bottom: none;
  padding: 0 16px;
}

.tab-links .nav-tabs .nav-item {
  margin-right: 22px;
}

.tab-links .nav-tabs .nav-item:last-child {
  margin-right: 0;
}

.layout-link {
  width: calc(20% - 5px);
  display: inline-block;
  padding-right: 20px;
  vertical-align: middle;
}

.layout-link a {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--white);
}

.layout-link a img {
  margin-right: 5px;
}

.tab-links .nav-tabs li,
.layout-link a img,
.layout-link a span,
.box .cols h1 img,
.box .cols h1 span {
  display: inline-block;
  vertical-align: middle;
}

.box {
  padding: 16px;
  background: #f8f8f8;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.box .cols:first-child {
  margin-right: 16px;
}

.box .cols {
  width: 50%;
  background: var(--white);
  padding: 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  position: relative;
}

.box .cols h1 {
  font-stretch: normal;
  line-height: normal;
  color: #08104d;
  margin: 0px;
  font-size: var(--mainheadingfont);
  font-weight: bold;
  letter-spacing: 1px;
}

.box .cols h1 span {
  padding-left: 5px;
}

.edit-link,
.edit-link:hover {
  position: absolute;
  right: 0px;
  top: 25px;
  right: 22px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: normal;
  color: #243cc9;
}

.table-content {
  padding: 25px 0px 10px 0px;
}

.editable-jobinfo.table-content tbody tr td {
  padding: 6px 0px;
}

.editable-jobinfo.table-content tbody tr td textarea,
.editable-paymentdetailsinfo.table-content tbody tr td textarea,
.editable-vacancydetails .table-content tbody tr td textarea {
  height: auto;
}

.paymentdetails-main .hidden-status.no-bg,
#attachment-other-info .hidden-status,
.contracts-main .hidden-status.no-bg {
  padding-left: 0px;
}

.paymentdetails-main textarea {
  height: 16px;
  color: #343638;
}

.contracts-main span.tag {
  position: relative;
  top: 10px;
}

.paymentdetails-main input[name=daterange],
#attachment-other-info input[name=daterange][readonly=readonly],
.contracts-main input[name=daterange][readonly=readonly] {
  color: #343638;
}

.table-content tbody tr td input,
.table-content tbody tr td textarea,
.table-content tbody tr td select {
  resize: none;
  width: 100%;
  outline: none;
  border-radius: 4px;
}

.table-content tbody tr td input[type=checkbox] {
  width: auto;
}

.table-content tbody tr td select.status-select {
  width: 92px;
  background-color: #e1f7e2;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #34c836;
  height: 31px !important;
  text-transform: uppercase;
}

.table-content tbody tr td .form-group {
  margin: 0px;
  padding-top: 0px;
}

.editable-jobdetailsinfo.table-content tbody tr td select.status-select:focus,
.editable-generalinfo.table-content tbody tr td select.status-select:focus {
  border: 1px solid #0ea6fe !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#jobdetails-info .pound-input .pound-sign,
#vacancydetails-info .pound-input .pound-sign {
  left: 0;
  top: 14px;
}

#jobdetails-info .editable-jobdetailsinfo .pound-input .pound-sign,
#vacancydetails-info .editable-vacancydetails .pound-input .pound-sign {
  left: 15px;
  top: 25px;
}

#jobdetails-info .editable-jobdetailsinfo .pound-input .pound-sign + input,
#vacancydetails-info .editable-vacancydetails .pound-input .pound-sign + input {
  padding-left: 30px;
}

#jobdetails-info input[name=daterange][readonly=readonly],
#jobdetails-info .pound-input input[readonly=readonly] {
  color: #343638;
}

#jobdetails-info .hidden-status,
#branchfinancialdetails-info .hidden-status {
  padding-left: 0px;
}

#righttowork-other-info .hidden-status {
  padding-left: 0px;
}

#righttowork-other-info input[name=daterange][readonly=readonly] {
  color: #343638;
}

.editable-jobinfo.table-content tbody tr td textarea,
.editable-generalinfo.table-content tbody tr td textarea,
.editable-paymentdetailsinfo.table-content tbody tr td textarea,
.editable-vacancydetails.table-content tbody tr td textarea {
  border: 1px solid #d5dce0 !important;
  width: 100%;
  resize: none;
  padding: 5px 15px;
}

.editable-jobinfo.table-content tbody tr td input:focus,
.editable-jobinfo.table-content tbody tr td textarea:focus,
.editable-generalinfo.table-content tbody tr td input:focus,
.editable-generalinfo.table-content tbody tr td textarea:focus,
.editable-jobdetailsinfo.table-content tbody tr td input:focus,
.editable-righttoworkdetail1.table-content tbody tr td input:focus,
.editable-attachment.table-content tbody tr td input:focus,
.editable-contractdetailsinfo tbody tr td input:focus {
  border: 1px solid #d5dce0;
  outline: none;
}

.editable-generalinfo.table-content tbody tr td select.status-select,
.editable-generalinfo.table-content tbody tr td select.status-select:focus,
.editable-timesheetattachmentinfo.table-content tbody tr td select.status-select,
.editable-timesheetattachmentinfo.table-content tbody tr td select.status-select:focus,
.editable-invoicetimesheetdetail.table-content tbody tr td select.status-select,
.editable-invoicetimesheetdetail.table-content tbody tr td select.status-select:focus,
.editable-updatedstatusdetails.table-content tbody tr td select.status-select,
.editable-updatedstatusdetails.table-content tbody tr td select.status-select:focus,
.editable-createdstatusdetails.table-content tbody tr td select.status-select,
.editable-createdstatusdetails.table-content tbody tr td select.status-select:focus,
.editable-timesheetgeneralinfo.table-content tbody tr td select.status-select,
.editable-timesheetgeneralinfo.table-content tbody tr td select.status-select:focus,
.editable-clientgeneralinfo.table-content tbody tr td select.status-select,
.editable-clientgeneralinfo.table-content tbody tr td select.status-select:focus,
.editable-branchfinancialdetails.table-content tbody tr td select.status-select,
.editable-branchfinancialdetails.table-content tbody tr td select.status-select:focus,
.editable-jobdetailsinfo.table-content tbody tr td select.status-select,
.editable-paymentdetailsinfo.table-content tbody tr td select.status-select,
.editable-paymentdetailsinfo.table-content tbody tr td select.status-select:focus,
.editable-righttoworkdetail1.table-content tbody tr td select.status-select,
.editable-righttoworkdetail1.table-content tbody tr td select.status-select:focus,
.editable-attachment.table-content tbody tr td select.status-select,
.editable-attachment.table-content tbody tr td select.status-select:focus,
.editable-contractdetailsinfo tbody tr td select.status-select,
.editable-contractdetailsinfo tbody tr td select.status-select:focus,
.editable-rewardhistoryinfo tbody tr td select.status-select,
.editable-rewardhistoryinfo tbody tr td select.status-select:focus,
.editable-vacancydetails tbody tr td select.status-select,
.editable-vacancydetails tbody tr td select.status-select:focus {
  border: 1px solid #d5dce0;
  width: 100%;
  background-color: transparent;
  height: 44px !important;
  padding: 5px 15px;
  color: inherit;
  font-weight: normal;
  background: url(../images/dropdown-arrow.png) no-repeat !important;
  background-size: 23px !important;
  outline: none;
  background-position: right center !important;
}

#rewardhistory-info input[readonly=readonly] {
  color: #455a64;
}

.editable-rewardhistoryinfo tbody tr td select.status-select {
  color: #000 !important;
}

.table-content.editable-jobinfo table tr {
  border: none;
}

.hide {
  display: none !important;
}

.save-link,
.save-link:hover {
  position: absolute;
  right: 0px;
  top: 25px;
  right: 22px;
  width: 83px;
  height: 36px;
  background-color: #0fa7ff;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--white);
  text-align: center;
  box-sizing: border-box;
  padding: 10px 0px;
}

.hidden-status {
  background-color: #e1f7e2;
  display: inline-block;
  text-align: center;
  padding: 8px 25px;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #34c836;
}

.tab-details #contactlog-info table tr td:first-child,
.tab-details #previousactivity-info table tr td:first-child {
  color: inherit;
}

#secondary-speciality .modal-dialog .submitdiv .button_style1 {
  width: 148px;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 3.2;
  letter-spacing: normal;
  color: var(--white);
  display: inline-block;
  background-color: #0fa7ff;
  text-align: center;
  margin-right: 15px;
  border-radius: 4px;
}

#secondary-speciality .modal-dialog .submitdiv .button_style3 {
  border-radius: 4px;
  text-align: center;
  width: 148px;
  height: 48px;
  background-color: #eceff1;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 43px;
  letter-spacing: normal;
  display: inline-block;
  color: #6a6e73;
}

#secondary-speciality .modal-dialog .submitdiv {
  margin: 30px 0px;
}

#secondary-speciality .modal-dialog .checkbox label .checkbox-decorator .check {
  border-color: #afb6bf;
}

.box .cols.w-100 {
  width: 100%;
  margin-right: 0px;
}

.pound-sign {
  margin-right: 5px;
}

#jobdetails-info .bmd-form-group {
  padding-top: 0px;
}

.pound-sign,
.pound-sign {
  width: 10px;
}

.pound-sign {
  position: absolute;
  float: none;
  z-index: 1;
  left: 15px;
  top: 25px;
  width: auto;
  padding: 0px;
}

.hidden-status.no-bg {
  background: none;
  font-size: 14px;
  color: #343638;
  text-transform: capitalize;
  font-weight: normal;
  text-align: left;
  padding: 0px 15px;
  height: auto;
  line-height: normal;
}

#jobdetails-info .checkbox {
  position: relative;
  top: 5px;
}

.normal-checktext {
  font-size: 14px !important;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  padding-left: 30px !important;
  color: #343638 !important;
}

.editable-jobdetailsinfo .bmd-form-group {
  width: 100%;
}

.editable-jobdetailsinfo table tr td {
  position: relative;
}

.editable-jobdetailsinfo .pound-sign {
  position: absolute;
  left: 15px;
  z-index: 1;
  top: 25px;
}

.editable-jobdetailsinfo .pound-sign + .bmd-form-group input {
  padding-left: 30px;
}

.table-content:not(.editable-paymentdetailsinfo) .border-check.checkbox label input[type=checkbox][disabled] + .checkbox-decorator .check,
.table-content:not(.editable-jobdetailsinfo) .border-check.checkbox label input[type=checkbox][disabled] + .checkbox-decorator .check {
  border-color: rgba(0, 0, 0, 0.26);
}

.editable-jobdetailsinfo .checkbox label input[type=checkbox]:checked + .checkbox-decorator .check,
.editable-paymentdetailsinfo .checkbox label input[type=checkbox]:checked + .checkbox-decorator .check {
  border-color: #0fa7ff;
}

.editable-jobdetailsinfo .checkbox label input[type=checkbox]:checked + .checkbox-decorator .check:before,
.editable-jobdetailsinfo label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check:before {
  color: #0fa7ff;
}

.table-content:not(.editable-jobdetailsinfo) .checkbox label input[type=checkbox]:checked + .checkbox-decorator .check:before,
.table-content:not(.editable-jobdetailsinfo) label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check:before {
  color: #0fa7ff;
}

.border-check.checkbox label input[type=checkbox][disabled] + .checkbox-decorator .check {
  border-color: #0fa7ff;
}

#employmenthistory .box .cols,
#rewardhistory .box .cols,
#righttowork .box .cols {
  padding: 0px;
}

#employmenthistory .box .cols .title-header,
#rewardhistory .box .cols .title-header {
  padding: 20px;
}

#employmenthistory-info .table-content,
#rewardhistory-info .table-content,
#righttowork-info .table-content,
#attachment-info .table-content {
  padding-top: 10px;
}

#employmenthistory-info .table-content table thead,
#rewardhistory-info .table-content table thead,
.darkgray-head {
  background-color: #eceff1;
}

#employmenthistory-info .table-content table thead td,
#rewardhistory-info .table-content table thead td,
#righttowork .table-content table thead td,
#attachment-info .table-content table thead td {
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 15px 30px;
  color: #1c2429;
}

.editable-employmenthistorymain .save-link {
  position: relative;
  right: 0px;
  left: inherit;
  vertical-align: middle;
  top: 0;
  display: inline-block;
}

.edit-link.add-link {
  display: inherit !important;
}

#employmenthistory-info .table-content input[readonly=readonly],
#employmenthistory-info .table-content textarea[readonly=readonly] {
  color: #455a64;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
  height: auto;
  box-shadow: none;
  padding: 0;
}

#employmenthistory-info .table-content table tbody td,
#rewardhistory-info .table-content table tbody td,
#righttowork .table-content table tbody td,
#attachment-info .table-content table tbody td {
  padding: 20px 30px;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  vertical-align: top;
  color: #455a64;
}

#employmenthistory .box .cols .title-header h1 {
  width: 85%;
  display: inline-block;
  vertical-align: middle;
}

#employmenthistory-info .title-header ul {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  width: calc(15% - 4px);
}

#employmenthistory-info .title-header ul li {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}

#employmenthistory-info .title-header ul .edit-link {
  position: relative;
  top: inherit;
  right: inherit;
}

.add-employmentmodal form label {
  display: block;
  margin-top: 20px;
}

.add-employmentmodal .form-group {
  margin-bottom: 0px;
}

.add-employmentmodal form input {
  background-image: none !important;
}

.add-employmentmodal form input:focus {
  box-shadow: 0px 0px 7px #d5efff;
}

.add-employmentmodal form input,
.add-employmentmodal form select {
  width: 100%;
  transition: all 0.3s ease 0s;
  height: 44px;
  border: 1px solid #d5dce0;
  padding: 5px 15px;
  outline: none;
  border-radius: 4px;
  color: #455a64;
  font-size: 14px;
}

.add-employmentmodal ul {
  width: 100% !important;
}

.add-employmentmodal ul li {
  margin: 0px !important;
  padding-left: 0px !important;
}

.add-employmentmodal ul li {
  width: calc(50% - 5px);
  margin-right: 5px !important;
  display: inline-block;
  vertical-align: middle;
}

.add-employmentmodal ul li:last-child {
  margin-right: 0px !important;
}

.add-employmentmodal form select:focus,
.add-employmentmodal form select:focus {
  border: 1px solid #d5dce0;
}

.add-employmentmodal form textarea {
  width: 100%;
  border: 1px solid #d5dce0;
  padding: 10px 15px;
  outline: none;
  height: auto;
  resize: none;
  border-radius: 4px;
  background-image: none !important;
  color: #455a64;
  font-size: 14px;
}

.editable-rewardhistoryinfo .pound-input .pound-sign {
  top: 33px;
  left: 45px;
}

.editable-rewardhistoryinfo .pound-input input {
  padding-left: 30px;
}

/* Right to work css starts */
.documents-bluebox {
  height: 96px;
  border-radius: 4px;
  background-color: #eceff1;
  padding: 25px;
  margin-bottom: 16px;
}

.documents-bluebox-left img {
  float: left;
  position: relative;
  top: 2px;
}

.documents-bluebox-left p {
  float: left;
  font-size: 16px;
  font-weight: 500;
  color: #343638;
  padding: 0 0 0 15px;
  line-height: 21px;
}

.documents-bluebox-left p span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  margin-top: 4px;
}

.documents-bluebox-right {
  text-align: right;
  padding: 12px 0;
}

#uploadpopup .modal-content {
  padding: 40px;
  border-radius: 4px;
}

#uploadpopup .modal-content .modal-body {
  padding: 0px 0 10px 0;
}

.uploadpopup {
  text-align: left;
}

.uploadpopup-certificate .modal-content,
.uploadpopup-uploadeddocument .modal-content {
  padding: 40px;
}

.uploadpopup-certificate .documents-bluebox,
.uploadpopup-uploadeddocument .documents-bluebox {
  background-color: var(--white);
}

.uploadpopup-certificate .documents-bluebox-left p,
.uploadpopup-certificate .documents-bluebox-left p span,
.uploadpopup-uploadeddocument .documents-bluebox-left p,
.uploadpopup-uploadeddocument .documents-bluebox-left p span {
  font-weight: normal;
  text-align: left;
}

.uploadpopup-certificate .submitdiv a {
  margin: 0;
  width: 100% !important;
  display: block;
  text-align: center;
  text-decoration: none;
}

.uploadpopup-uploadeddocument .submitdiv a {
  margin: 0;
  width: 100% !important;
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 43px;
}

.uploadpopup p {
  margin: 15px 0 20px 0;
  font-size: 14px;
  font-weight: normal;
  color: #6a6e73;
}

.uploadpopup p strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
}

.uploadpopup ul {
  margin: 0px 0 20px 0;
  padding: 0px;
}

.uploadpopup ul li {
  margin: 0px 0 0 15px;
  padding: 0px;
  font-size: 14px;
  font-weight: normal;
  color: #6a6e73;
  list-style: disc;
}

.uploadpopup .submitdiv {
  margin: 20px 0 0 0;
  text-align: center;
}

.uploadpopup .submitdiv a {
  margin: 0;
  width: 100% !important;
  display: block;
  line-height: 46px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
}

.documents-bluebox-right .button_style2 {
  font-weight: normal;
}

.documents-bluebox-right .button_style1 {
  border: 2px solid #0fa7ff;
}

.documents-bluebox-right .button_style2:hover {
  color: #0fa7ff;
}

/* Right to work css ends */
/* Attachment css starts */
.attachment-cards {
  border-radius: 4px;
  background-color: #f2f4f6;
  padding: 25px 20px;
  display: table;
  width: 100%;
  margin-bottom: 16px;
}

.attachment-icon {
  margin-right: 11px;
}

.attachment-icon,
.attachment-name,
.attachment-category-name,
.attachment-date,
.attachment-size,
.attachment-toogle,
.date-time,
.attachment-name {
  display: table-cell;
  vertical-align: middle;
}

.attachment-icon i {
  font-size: 25px;
}

.attachment-name p {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e2e38;
}

.attachment-cards p {
  margin-bottom: 0px;
}

.attachment-date,
.attachment-size {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgba(106, 110, 115, 0.73);
}

.attachment-category-name p,
.attachment-date p,
.attachment-size p {
  color: #455a64;
  font-size: 15px;
}

/* Attachment css ends */
/* Schedule css starts */
.main_contantbox {
  margin-bottom: 40px;
  display: inline-block;
  width: 100%;
}

.mycal_mainbox {
  background: var(--white);
}

.mycal_top_header {
  background-color: #eceff1;
  display: inline-block;
  width: 100%;
}

.mycal_headerbox_left {
  float: left;
}

.mycal_headerbox_left a {
  float: left;
  color: #666666;
  background-color: transparent;
  border: none;
  padding: 3px 6px;
  font-size: 16px;
}

.mycal_headerbox_left a img {
  width: 80%;
}

.mycal_headerbox_left p {
  float: left;
  padding: 0 10px;
  font-size: 14px;
  color: #666666;
}

.mycal_headerbox_right {
  position: absolute;
  right: 0;
}

.mycal_headerbox_right a.dropdown-toggle {
  font-size: 14px;
  line-height: 1.33;
  text-align: right;
  color: #666666;
}

.mycal_headerbox_right a.dropdown-toggle:after {
  background: url(../images/shape.png) no-repeat;
  border: navajowhite;
  background-size: 16px;
  height: 10px;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}

.mycal_monthe_top {
  float: left;
  width: 100%;
  position: relative;
  background-color: var(--lightblue);
}

.mycal_mt_box {
  float: left;
  width: 14.28%;
  padding: 10px 25px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #343638;
}

.mycal_mb_box_row {
  float: left;
  width: 100%;
  border-bottom: 2px solid var(--lightblue);
}

.mycal_mb_box {
  float: left;
  width: 14.28%;
  height: 140px;
  background: var(--white);
  border-right: 2px solid var(--lightblue);
  padding: 3px 15px 15px 15px !important;
  cursor: pointer;
}

.mycal_mb_box:last-child {
  border-right: none;
}

.mycal_mb_datebox {
  min-height: 32px;
  text-align: center;
  border-radius: 50%;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: normal;
  color: #343638;
  text-align: left;
  display: flex;
  flex-direction: column;
}

.mycal_mb_box_label_box {
  width: 100%;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  color: var(--white);
  height: 20px;
  line-height: 20px;
}

.mycal_mb_box_label_box .color1 {
  border-radius: 4px;
  background-color: #0fa7ff;
  margin-top: 3px;
}

.mycal_mb_box_label_box .color2 {
  border-radius: 4px;
  background-color: #ef3737;
  margin-top: 3px;
}

.mycal_mb_box_label_box .color3 {
  border-radius: 4px;
  background-color: #ff9314;
  margin-top: 3px;
}

.mycal_mb_box_label_box .color4 {
  border-radius: 4px;
  background-color: #3949ab;
  margin-top: 3px;
}

.mycal_mb_datebox.current_date {
  background: #0fa7ff;
  color: var(--white);
}

.mycal_bottombox {
  text-align: center;
  width: 100%;
  background: var(--white);
  padding: 32px 15px;
}

.mycal_bottombox .informational p {
  margin-right: 0px;
  padding-left: 5px;
}

.mycal_bottombox .informational span,
.mycal_bottombox .informational p,
.shift-information span {
  display: inline-block;
  vertical-align: middle;
}

.mycal_bottombox p {
  font-size: 14px;
  color: #6a6e73;
  display: inline;
  margin: 0 13px;
  position: relative;
  padding: 0 25px 0 0;
}

.mycal_bottombox span {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  margin: 0 0;
}

.mycal_bottombox .informational span {
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.mycal_bottombox .shift-information p {
  margin: 0 0 10px 0;
}

.mycal_bottombox span.color1 {
  background-color: #818e94;
}

.mycal_bottombox span.color2 {
  background-color: #34c836;
}

.mycal_bottombox span.color3 {
  background-color: #0fa7ff;
}

.mycal_bottombox span.color4 {
  background-color: #ff9314;
}

.mycal_bottombox span.color5 {
  background-color: #1b2063;
}

.mycal_bottombox span.color6 {
  background-color: #ef3737;
}

.mycal_bottombox span.color7 {
  background-color: #886cff;
}

.status-bottom {
  margin-top: 15px;
}

.checkbox-bottom form {
  margin: 0px;
}

.mycal_bottombox .shift-information span.color1 {
  background-color: #0fa7ff;
}

.shift-information {
  margin-top: 10px;
  padding-bottom: 50px;
  margin-bottom: 6px;
}

.shift-information span {
  margin-right: 10px;
  height: 9px;
  width: 9px;
  border-radius: 100%;
}

.mycal_bottombox .shift-information span.color2 {
  background-color: #ef3737;
}

.year-scheduler-inner .mycal-year {
  width: calc(25% - 22.5px);
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
  height: 380px;
  margin-top: 20px;
}

.month-name {
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #343638;
  text-align: center;
  margin-bottom: 16px;
  border-radius: 8px;
  padding: 8px 6px;
  background: #eff3ff;
}
.month-name:hover {
  color: #2843df;
}

.days-list,
.day-row {
  display: table;
  width: 100%;
  padding: 0px 10px;
  border-spacing: 7px !important;
  margin-bottom: -4px !important;
  user-select: none;
}

.days-list div {
  font-size: 16px;
  padding: 0px 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #818e94;
}

.day-row div {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: normal;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.days-list div,
.day-row div {
  display: table-cell;
  vertical-align: middle;
  width: 14.28%;
}

.mycal-year .day-row .days {
  height: 30px;
  border-radius: 6px !important;
}

.mycal-year .day-row .days[id$="-01"] > div {
  display: inline-block;
  width: 100%;
}

.year-scheduler-inner .mycal-year:nth-child(4n+0) {
  margin-right: 0px;
}

.days ul {
  text-align: center;
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0;
}

.days ul li {
  display: inline-block;
  vertical-align: middle;
}

.days span {
  display: block;
  margin: 0px auto;
}

.orange-dot {
  width: 6px;
  height: 6px;
  background-color: #ff9314;
  border-radius: 100%;
  display: block;
}

.light-blue-dot {
  width: 6px;
  height: 6px;
  background-color: #0fa7ff;
  border-radius: 100%;
  display: block;
}

.red-dot {
  width: 6px;
  height: 6px;
  background-color: #ef3737;
  border-radius: 100%;
  display: block;
}

.dark-blue-dot {
  width: 6px;
  height: 6px;
  background-color: #1b2063;
  border-radius: 100%;
  display: block;
}

.rejected-round {
  background-color: #ef3737;
}

.invoice-round {
  background-color: #886cff;
}

.todays-date-round,
.pending-timesheet-round,
.processed-timesheet-round,
.authorised-timesheet-round,
.rejected-timesheet-round {
  width: 26px !important;
  height: 26px;
  border: solid 2px;
  border-radius: 100%;
  line-height: 22px;
}

.todays-date-round {
  border-color: #34c836;
}

.requirement-round {
  background-color: #34c836;
}

.processed-round {
  background-color: #ff9314;
}

.authorised-timesheet-round {
  border-color: #1b2063;
}

.rejected-timesheet-round {
  border-color: #ef3737;
}

.booked-round {
  background-color: #0fa7ff;
}

.bank-holiday-round {
  background-color: #818e94;
}

.authorised-round {
  background-color: #1b2063;
}

.checkbox-bottom .todays-date.checkbox label input[type=checkbox]:checked + .checkbox-decorator .check:before,
.checkbox-bottom .todays-date.checkbox label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check:before {
  color: #34c836;
}

.checkbox-bottom .checkbox label .checkbox-decorator .check:before,
.checkbox-bottom label.checkbox-inline .checkbox-decorator .check:before {
  margin-top: -6px;
  margin-left: 4px;
}

.pending-timesheet-round {
  border-color: #0fa7ff;
}

.processed-timesheet-round {
  border-color: #ff9314;
}

.booked-round,
.bank-holiday-round,
.requirement-round,
.processed-round,
.authorised-round,
.rejected-round,
.invoice-round {
  position: relative;
  width: 100%;
  display: block;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  line-height: 24px;
  color: var(--white);
}

.colorb1 {
  border: solid 2px #34c836;
}

.colorb2 {
  border: solid 2px #0fa7ff;
}

.colorb3 {
  border: solid 2px #ff9314;
}

.colorb4 {
  border: solid 2px #1b2063;
}

.colorb5 {
  border: solid 2px #ef3737;
}

.contracts-main table tr {
  border-bottom: none;
}

.contracts-main table tr td {
  padding: 10px 0px;
}

.contracts-main table tr:last-child td {
  padding-bottom: 20px;
}

.schedule-main .w-75 {
  width: calc(100% - 470px) !important;
  position: relative;
}

.schedule-main .w-25 {
  width: 450px !important;
}

.contracts-main table:first-child {
  margin-top: 0px;
}

.contracts-main table {
  margin-top: 10px;
}

/* Schedule css ends */
/* Candidate map css starts */
.candidate-map .table-content {
  padding-bottom: 0px;
}

/* Candidate map css ends */
/* message box style starts */
.chatbox.chat-expanded .user-lists ul {
  height: 400px !important;
}

.chatbox.chat-expanded .slimScrollDiv {
  height: 402px !important;
}

.user-chat.minimize-enable {
  bottom: -380px;
}

.messaging-box {
  width: 340px;
  background-color: var(--white);
  box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  position: fixed;
  right: 16px;
  z-index: 998;
  bottom: -464px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
}

.more-conversations {
  width: 200px;
  background-color: #6a6e73;
  -webkit-box-shadow: -4px 7px 72px -26px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -4px 7px 72px -26px rgba(0, 0, 0, 0.4);
  box-shadow: -4px 7px 72px -26px rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 690px;
  z-index: 4;
  height: 48px;
  bottom: 0px;
  line-height: 48px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
}

.more-conversations .dropdown-toggle {
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--white);
  background: none;
  width: 100%;
}

.more-conversations .dropdown-menu {
  width: 100%;
  padding: 10px;
  top: inherit !important;
  bottom: 55px;
  overflow-y: auto;
  max-height: 300px;
}

body:has(.messaging-box:not(.chat-opened)) {
  overflow: hidden;
}

.messaging-opened {
  transform: translateY(-100%);
}

.messaging-title {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--white);
  font-size: 15px;
}

.messaging-action i {
  margin-left: 13px;
  font-size: 15px;
  color: var(--white);
}

.messaging-box:hover {
  cursor: pointer;
}

.messaging-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 15px;
  background-color: #2843df;
  border-radius: 4px 4px 0px 0px;
  cursor: pointer;
}
.messaging-head a {
  text-decoration: none !important;
  position: relative;
  top: 2px;
}

.user-search {
  position: relative;
  border-bottom: 2px solid var(--lightblue);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}

.user_searchfilter {
  width: 26px;
  text-align: center;
}

.user_searchinput {
  width: 100%;
}

.user-search input {
  height: 44px;
  border-radius: 0;
  background-color: var(--white);
  width: 100%;
  border: none !important;
  padding: 0px 5px 0px 28px;
  font-size: 12px;
  color: #666a80;
  letter-spacing: 0.75px;
}

.user_searchinput img {
  position: absolute;
  top: 14px;
  left: 16px;
  width: 16px;
}

.user_searchfilter .dropdown-menu.dropdown-menu-right::before {
  right: 7px;
}

.user-lists {
  background-color: var(--white);
  overflow-y: auto;
  height: calc(100% - 110px);
  width: 100%;
}

.user-lists ul {
  margin-bottom: 0px;
  margin-top: 5px;
  padding: 8px 20px 0px 12px;
  box-sizing: border-box;
}

.user-lists ul li {
  border-bottom: 1px solid #e8ebef;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.user-lists ul li a {
  display: block;
  width: 100%;
  text-decoration: none;
}

.user-lists ul li a p {
  margin-bottom: 0px;
}

.user-message-details {
  width: 50px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.user-message-center {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.user-search input:focus {
  box-shadow: none;
}

.user-name-message {
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #666a80;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 15px;
  font-weight: 600;
  height: 15px;
}

.user-message {
  display: block;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6a6e73;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px;
}

.typing_text {
  height: 15px;
  display: block;
  margin-top: 5px;
}

.message-time {
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #627478;
  width: 85px;
  display: inline-block;
  vertical-align: top;
  text-align: right;
}

.user-name-image,
.user-conversation-image {
  height: 34px;
  width: 34px;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 100%;
  -o-border-radius: 100%;
  -moz-border-radius: 100%;
  display: block;
  -webkit-border-radius: 100%;
}

#chatScreen {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: calc(100% - 356px);
  display: flex;
  padding: 0 16px;
  flex-direction: row-reverse;
  align-items: flex-end;
  z-index: 7;
  gap: 16px;
}

.chatbox {
  position: relative;
  min-width: 340px;
  width: 340px;
  height: 390px;
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  /* display: none; */
  /* transform: scaleY(0.8); */
  transform: translateX(100px);
  transform-origin: bottom;
  opacity: 0;
  visibility: hidden;
}

.chatbox.chat-box-opened {
  /* display: block; */
  /* transform: scaleY(1); */
  transform: translateX(0px);
  opacity: 1;
  visibility: visible;
}

.user-chat-heading {
  padding: 7px 15px;
  background-color: #2843df;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8ebef;
  color: var(--white);
  border-radius: 4px 4px 0px 0px;
}

.default_download_attchment_img {
  object-fit: contain;
  object-position: center;
}

.user-chat-title {
  display: flex;
  align-items: center;
  font-weight: 600;
}

.chat-actions {
  display: flex;
  /* gap: 8px; */
}

.chat-actions > a {
  width: 24px;
  text-align: center;
  aspect-ratio: 1/1;
  display: inline-block;
}

.user-chat .user-lists {
  height: 340px;
  padding-top: 13px;
  overflow: inherit;
}

.user-lists label {
  font-size: 10px !important;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #666a80;
  width: auto;
  display: inline-block;
  padding-bottom: 6px;
}

.user-chat .user-message {
  white-space: normal;
  padding-right: 0px;
}

.user-chat .user-message p {
  margin-bottom: 15px;
}

.user-chat .user-message p:not(.message-time) {
  white-space: pre-line !important;
}

.user-chat .user-message-details {
  vertical-align: top;
  margin: 0;
  width: 44px;
}

.user-chat .user-name-message {
  font-weight: 600;
  margin-bottom: 5px;
}

.user-chat .user-lists ul {
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px 15px 0px 15px;
  box-sizing: border-box;
  display: block;
  overflow-y: auto;
  height: calc(300px - 82px);
  padding-bottom: 5px;
}

.user-chat .user-lists ul li {
  border-bottom: none;
  padding-bottom: 0px;
}

.message-typebox {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.message-typebox .bmd-form-group {
  height: 100%;
  display: block;
  padding: 0;
}

.message-actions {
  padding: 0;
  border-top: solid 2px #eaecfc;
  background-color: #f8f8f8;
  position: relative;
  z-index: 3;
}

.message-actions .actions-left,
.message-actions .actions-right {
  display: inline-block;
  vertical-align: middle;
}

.message-actions .actions-left {
  width: 75px;
}

.message-typebox .attachment-icon {
  display: contents;
  vertical-align: middle;
  width: auto !important;
  margin-bottom: 0px;
}

.message-actions .attachment-icon i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.attachment-icon i {
  font-size: 25px;
}

.message-actions i {
  color: #2843df;
  font-size: 17px;
  padding: 0 5px;
}

.message-actions .actions-left a {
  display: inline-block;
  vertical-align: middle;
}

.message-actions .actions-right {
  width: calc(100% - 84px);
  text-align: right;
}

.message-actions .actions-right .dropdown {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.message-actions .actions-right .dropdown button {
  border-radius: 4px;
  border: solid 1px rgba(129, 142, 148, 0.4);
  background: none !important;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.23;
  letter-spacing: normal;
  color: #818e94 !important;
  box-shadow: none;
}

.message-actions .actions-right .dropdown .dropdown-menu {
  min-width: 100px;
  padding: 0;
  height: auto;
}

.message-actions .actions-right .dropdown .dropdown-menu ul {
  padding: 0px;
  height: auto;
}

.message-actions .actions-right .dropdown .dropdown-menu ul li {
  margin-bottom: 0px;
}

.message-actions .actions-right .dropdown .dropdown-menu ul li a {
  padding: 10px 15px;
  font-size: 12px;
}

.message-actions .actions-right button {
  width: 80px;
  padding: 0px;
  height: 32px;
  margin: 0px;
  border-radius: 4px;
  background-color: #2843df !important;
  color: var(--white) !important;
  line-height: 30px;
  margin-left: 5px;
  box-shadow: none !important;
  font-size: 12px;
}

.message-actions .actions-right .dropdown button:hover,
.message-actions .actions-right .dropdown button:active:focus,
.message-actions .actions-right .dropdown button:active:hover {
  border-color: rgba(129, 142, 148, 0.4);
  box-shadow: none !important;
  outline: noFirefoxne;
}

.more-conversations .dropdown-menu ul {
  margin-bottom: 0px;
  position: relative;
}

.more-conversations .dropdown-menu ul li {
  border-bottom: 1px solid #e8ebef;
  cursor: pointer;
}

.user-conversation-image {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}

.user-conversation-name {
  width: calc(100% - 49px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  font-size: 13px;
  white-space: normal;
  word-break: break-word;
  line-height: 19px;
}

.user-conversation-close {
  width: 15px;
  display: inline-block;
  position: relative;
  top: 18px;
}

.user-conversation-close img {
  width: 10px;
  float: right;
}

.more-conversations .dropdown-toggle:active {
  color: var(--white);
  background: none;
}

.more-conversations .dropdown-toggle:after {
  display: none;
}

.chatbox.chat-expanded {
  min-width: 500px;
  width: 500px;
  z-index: 9;
  height: 514px;
}

.chatbox.chat-expanded .user-lists {
  height: 461px;
}

AP .chatbox.chat-expanded .message-typebox {
  width: 100%;
}

.message-typebox input::-webkit-input-placeholder {
  font-size: 12px !important;
}

/* Firefox 19+ */
.message-typebox input::-moz-placeholder {
  font-size: 12px !important;
}

/* IE 10+ */
.message-typebox input:-ms-input-placeholder {
  font-size: 12px !important;
}

/* Firefox 18- */
.message-typebox input:-moz-placeholder {
  font-size: 12px !important;
}

.side-nav .dropdown-toggle:after {
  float: right;
  position: relative;
  top: 8px;
}

.new-message {
  position: fixed;
  right: 372px;
  bottom: -440px;
  width: 340px;
  margin-right: 16px;
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 -2px 24px 0 rgba(0, 0, 0, 0.16);
  z-index: 7;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.new-message .user-lists {
  height: 296px;
}

#chat-window .new-message .message-typebox .message-actions button {
  width: 24px !important;
  margin: 0;
  padding: 0;
}

#chat-window .new-message .message-typebox .message-actions button#btn_send_message {
  width: 74px !important;
  height: 34px;
  padding: 8px 14px 7px !important;
  border-radius: 4px;
  background-color: #2843df;
  color: #eaecfc;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
}

.user-username-message input {
  border-bottom: solid 2px var(--lightblue);
  background-color: #fff;
  border-top: none;
  border-right: none;
  border-left: none;
  font-size: 12px;
  font-weight: 500;
  color: #666a80;
  padding: 12px 15px;
  border-radius: 0;
}

.user-username-message input:focus {
  border-top: none !important;
  box-shadow: none !important;
  border-right: none !important;
  border-left: none !important;
}

.new-message.newchat_expanded {
  width: 500px;
}

.new-message.newchat_expanded .user-lists {
  height: 420px;
}

#new_wrapper.user_chatvisible {
  right: 712px;
}

.message_actions_bottom .message_actions_bottom_icons button {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-right: 8px;
}

.message_actions_bottom_btn button.msg_send {
  padding: 8px 14px 7px;
  border-radius: 4px;
  background-color: #2843df;
  color: #eaecfc;
  font-size: 14px;
  width: 74px;
}

#chat-window .user-chat .message-typebox .message-actions button.send_template_icon img {
  max-width: 16px;
}

#chat-window .user-chat .message-typebox .message-actions .btn_get_messge_template_list .slimScrollDiv {
  height: unset !important;
}

/* message box style ends */
/* candidate resume css starts */
.candidate-resume form {
  margin-top: 20px;
}

.candidate-resume form .row {
  margin-bottom: 10px;
}

.candidate-resume form textarea {
  width: 100%;
  resize: none;
  outline: none;
}

#rewardhistory-info .title-header ul .edit-link {
  position: relative;
  top: inherit;
  right: inherit;
}

#rewardhistory-info .title-header h1 {
  width: 85%;
  display: inline-block;
  vertical-align: middle;
}

#rewardhistory-info .title-header ul {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  width: calc(15% - 4px);
}

#rewardhistory-info .title-header ul li {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}

.candidate-resume form textarea:focus {
  box-shadow: 0px 0px 7px #d5efff;
  border: 1px solid #0ea6fe !important;
}

.candidate-resume p {
  margin-bottom: 0px;
}

.row-col-2 {
  display: flex;
}

.col-inline-block-50 {
  flex: 1;
  padding-right: 10px;
}

.col-inline-block-50:last-child {
  padding-right: 0;
}

.add-rewardmodal .pound-input .pound-sign {
  left: 15px;
  top: 11px;
}

.add-rewardmodal .form-group {
  margin-bottom: 0px;
}

.add-rewardmodal .pound-input input {
  padding-left: 30px;
}

/* candidate resume css ends */
/* calendar modal css starts */
#calopen .modal-dialog,
.modal-content.calopen_popup {
  max-width: 400px;
}

.calopen_popup .modal-body {
  padding: 0px;
}

.modal-content.calopen_popup {
  padding: 40px;
  border-radius: 4px;
}

.calopen_popup .candidates_box {
  background: var(--white);
  border-radius: 4px;
  position: relative;
}

.modal-content.calopen_popup .modal-header {
  padding: 0px;
  display: block;
}

.setavailibility_box {
  width: 100%;
  margin: 0 15px 15px 15px;
  border-bottom: 1px solid #eceff1;
  padding: 0 0 15px 0;
}

.setavailibility_box p {
  float: left;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #343638;
}

.setavailibility_box form {
  float: right;
}

.switch label input:checked + .bmd-switch-track:after {
  left: calc(100% - 1.25rem);
  background-color: #0fa7ff;
}

.switch label .bmd-switch-track {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.26) 0, rgba(0, 0, 0, 0.26) 50%, #0fa7ff78 0, #0fa7ff7d);
}

.setavailibility_box p strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.54;
  color: #6a6e73;
}

.calopen_popup .candidates_box .button_style1 {
  border: 2px solid #0fa7ff;
  border-radius: 4px;
  line-height: 44px;
}

.calopen_popup .candidates_box .button_style1:hover {
  background: none;
  color: #0fa7ff;
}

/* calendar modal css ends */
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  height: 100%;
  padding: 6px 24px 6px 12px;
  line-height: 30px;
  font-size: 13px;
  color: #212529;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  top: 12px;
}

.select2-container .select2-selection--single .select2-selection__clear {
  font-size: 16px;
  margin-right: 5px;
  position: absolute;
  float: unset;
  right: 14px;
}

#jobdetails .custom-control-label::before,
#jobdetails .custom-control-label::after,
#branchfinancialdetails-info .custom-control-label::before,
#branchfinancialdetails-info .custom-control-label::after,
.paymentdetails-main .custom-control-label::before,
.paymentdetails-main .custom-control-label::after,
#authenticationbydetails-info .custom-control-label::before,
#authenticationbydetails-info .custom-control-label::after {
  top: 0.19rem;
}

.col-md-2-5 {
  flex: 0 0 20.666667%;
  max-width: 20.666667%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-9-5 {
  flex: 0 0 77.333333%;
  max-width: 77.333333%;
  padding-right: 0px;
  padding-left: 15px;
}

/* Add contact log modal css ends */
#personal .table-content tbody tr td textarea {
  color: #343638;
}

.addcandidate_select .custom-control-label::before,
.addcandidate_select .custom-control-label::after {
  top: 0.2rem;
}

.addcandidate_select .custom-control {
  margin-bottom: 15px;
}

/* Announcements page */
.announcements-box {
  border-radius: 4px;
  background-color: var(--white);
  padding: 35px 35px 90px 35px;
  position: relative;
  margin-bottom: 40px;
}

.user-announce-image {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
}

.user-announce-text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  width: calc(100% - 44px);
}

.announce-head {
  margin-bottom: 8px;
}

.announcement-box-inner .user-name {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-left: 0px;
  text-decoration: none;
}

.user-announce-text .user-name {
  width: auto;
}

.user-announce-text p {
  margin-bottom: 10px;
}

.announcement-box-inner .tags {
  height: 24px;
  border-radius: 4px;
  background-color: #ebecf0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  padding: 0px 5px;
}

.announce-detail-text {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6a6e73;
}

.announcement-status li a,
.announcement-status li span {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #627478;
}

.user-announce-text .announcement-status li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 25px;
}

.user-announce-text .announcement-status li:first-child {
  padding-left: 0px;
}

.user-announce-text .announcement-status li:last-child:after {
  display: none;
}

.user-announce-text .announcement-status li:after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background-color: #ebecf0;
  right: -15px;
  top: 5px;
}

.dark-green-color {
  color: #34c836 !important;
}

.re-open span {
  color: #818e94 !important;
}

.dark-blue-color {
  color: #0fa7ff !important;
}

.announce-user-image {
  display: inline-block;
  vertical-align: middle;
}

.announcement-reply {
  border-radius: 4px;
  border: solid 1px #ebecf0;
  background-color: rgba(244, 246, 247, 0.4);
  padding: 15px;
  margin-top: 10px;
  display: inline-block;
  width: 100%;
}

.announcement-actions {
  float: right;
  position: relative;
  top: -5px;
}

.date-dashed {
  margin: 30px 0px;
  width: 100%;
  text-align: center;
  position: relative;
}

.date-dashed span {
  height: 20px;
  border-radius: 4px;
  background-color: #e8ebef;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #627478;
  display: inline-block;
  line-height: 20px;
  padding: 0px 7px;
  position: relative;
  z-index: 1;
}

.date-dashed:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  border-top: 1px dashed #e8ebef;
  top: 14px;
}

.send-message-box {
  padding: 17px 0px;
  border-radius: 4px;
  position: relative;
}

.send-message-left {
  width: 100%;
}

.send-message-right {
  width: 180px;
  position: absolute;
  right: 15px;
  top: 30px;
  text-align: right;
}

.send-message-left textarea {
  width: 100%;
  border: 1px solid #d5dce0;
  padding: 5px 15px;
  outline: none;
  transition: all 0.3s ease 0s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 15px 170px 15px 15px;
  resize: none;
}

.send-message-right .attachment i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  cursor: pointer !important;
}

.send-message-right i {
  color: #0fa7ff;
  font-size: 20px;
}

.send-message-right a,
.send-message-right .attachment {
  margin-left: 25px;
}

.send-message-right a {
  cursor: pointer !important;
}

.messaging-box .messaging-head .messaging-action .dropdown-menu {
  top: 25px !important;
  right: 0px !important;
  left: inherit !important;
  transform: none !important;
}

.announcement-box-inner {
  margin-bottom: 20px;
}

.candidate-resume .main-content .resume-information p {
  color: rgba(106, 110, 115, 0.73);
}

.right-section.fullheight-window,
.right-section.fullheight-window > div {
  height: calc(100vh - 54px);
}

.right-section.fullheight-window .main-content,
.right-section.fullheight-window .main-content .box,
.right-section.fullheight-window .main-content-header,
.right-section.fullheight-window .main-content-header .box {
  height: 100%;
}

.sidebar {
  min-height: calc(100vh - 89px);
}

.inline {
  display: inline;
}

.question-imgtext img,
.question-imgtext span {
  display: inline-block;
  vertical-align: middle;
}

.question-imgtext span {
  width: calc(100% - 35px);
}

.lightpink-status {
  background-color: #ffe2e4;
  color: #ff5b64;
}

.approved-status,
.rejected-status {
  width: 86px;
  height: 31px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 32px;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: normal;
  text-align: center;
  text-align: center;
  padding: 0;
}

.lightgreen-status {
  background-color: #e1f7e2;
  color: #34c836;
}

.text-break {
  word-break: break-word;
}

.pagination {
  margin-top: 40px;
  margin-bottom: 30px;
}

.pagination li {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-color: var(--lightblue);
  margin-right: 15px;
  text-align: center;
  line-height: 30px;
}

.pagination li a {
  font-size: 10px;
  font-weight: bold;
  color: #343638;
}

.pagination li.pagination-prev a,
.pagination li.pagination-next a {
  font-size: 18px;
}

.pagination li.active {
  background-color: #2843df;
}

.pagination li.active a {
  color: var(--white);
}

li.disabled,
li.disabled a {
  cursor: not-allowed;
}

#righttowork-info .table-content table {
  border-bottom: 1px solid #d5dce0;
}

.chart-header {
  border-bottom: 2px solid var(--lightblue);
  padding: 1rem;
}

.pie-charts {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr;
}

.chart-axis-label {
  color: #08104d;
  fill: #08104d;
}

.pie-charts .pie-chart .highcharts-container,
.pie-charts .pie-chart .highcharts-container > svg {
  max-width: 100%;
}

.charts-section {
  background-color: #f8f8f8;
  padding: 16px;
}

.highcharts-title {
  font-stretch: normal;
  line-height: normal;
  color: #08104d !important;
  font-size: var(--mainheadingfont) !important;
  font-weight: bold;
  fill: #08104d !important;
  letter-spacing: 1px;
  text-transform: capitalize !important;
}

.charts_main_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

@media screen and (max-width: 1090px) {
  .charts_main_wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 600px) {
  .charts_main_wrapper {
    grid-template-columns: 1fr;
  }

  .charts_wrapper {
    max-width: 450px;
    width: 100%;
    margin: auto;
  }
}
.charts_main_wrapper div[dir=ltr] {
  max-width: 100%;
}

.chart-box {
  background: var(--white);
  border-radius: 4px;
  height: 100%;
  border: solid 2px var(--lightblue);
}

.chart-title {
  font-size: var(--mainheadingfont);
  font-weight: bold;
  color: #08104d;
  letter-spacing: 1px;
}

.chart-head {
  padding: 14px 16px;
  border-bottom: solid 2px var(--lightblue);
}

.inline-block {
  display: inline-block;
}

.vertical-middle {
  vertical-align: middle;
}

.main-chart-box {
  padding: 16px;
}

.main-chart-box > div > div {
  width: 100% !important;
}

/* Select box */
.selectbox {
  position: relative;
  z-index: 1;
}

ul.zg-ul-select {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  margin: 0;
  padding: 0;
  outline: none;
}

ul.zg-ul-select li {
  display: none;
  padding: 0.5em;
  font-size: 14px;
  color: #6a6e73;
}

ul.zg-ul-select li.active {
  padding-right: 0;
  padding-left: 0;
  font-size: 12px;
  -webkit-box-align: center;
  align-items: center;
  border: none;
  color: #6a6e73;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

ul.zg-ul-select.active {
  border: 1px solid #eaeaea;
}

ul.zg-ul-select.active li {
  border: none;
  box-shadow: none;
  display: block;
}

ul.zg-ul-select.active li:hover {
  background: #0074d9;
  color: var(--white);
}

ul.zg-ul-select.active li.active {
  background: #08104d;
  color: var(--white);
}

ul.zg-ul-select.active li.active:hover {
  background: #2843df;
}

#selected--zg-ul-select {
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  color: #6a6e73;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: flex-end;
  font-size: 14px;
  width: auto;
}

#selected--zg-ul-select.active {
  padding: 0.5em;
}

ul.zg-ul-select li.active {
  outline: none;
}

#selected--zg-ul-select:focus,
ul.zg-ul-select li.active:focus {
  outline: none;
}

ul.zg-ul-select li svg,
#selected--zg-ul-select svg {
  margin-left: 5px !important;
  width: 12px;
}

.pos--10 {
  position: relative;
  top: -10px;
}

.pos--3 {
  position: relative;
  top: -3px;
}

.select2-container .select2-search--inline {
  float: none;
}

.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 4px;
}

.multiselect-native-select,
.multiselect-native-select button {
  border-radius: 2px !important;
  box-shadow: none !important;
}

.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  border-color: #eceff1;
  box-shadow: none;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa !important;
  padding: 4px;
  background: #f8f8f8 !important;
}

.candidate-list table tr td .dropdown-toggle::after,
.invoicedetaillisttable .dropdown-toggle::after {
  display: none;
}

.multiselect-selected-text {
  color: #999;
}

/* .candidate-list .main-content {
  padding-top: 68px;
} */
.client-profile textarea {
  color: #343638;
}

.no-bg {
  background: none !important;
}

.white-bg {
  background-color: var(--white) !important;
}

.border-radius-4 {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}

.customtopdetails {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 20px 20px 0px 20px;
}

.customtopdetails .smdetailbox {
  background: var(--white);
  padding: 20px;
  width: 16.67%;
  margin-right: 20px;
}

.customtopdetails .smdetailbox:last-child {
  margin-right: 0px;
}

.border-radius-3 {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.smdetailbox .sm-img {
  width: 48px;
}

.sm-text p {
  margin-bottom: 0px;
  font-size: 14px;
  color: #455a64;
  /*font-family: 'Source Sans Pro', sans-serif;*/
  font-family: "Montserrat", sans-serif;
}

.sm-text {
  width: calc(100% - 53px);
  padding-left: 8px;
}

.customtopdetails.innerblockdetails .smdetailbox {
  width: 25%;
  border-radius: 4px;
  border: solid 1px #eceff1;
  position: relative;
}

.customtopdetails.innerblockdetails {
  padding: 15px 0px 0px;
}

.informationicon {
  position: absolute;
  right: 6px;
  top: 6px;
  line-height: normal;
}

.border-bottom-none {
  border-bottom: none !important;
}

input[name=daterange][readonly=readonly] {
  color: #343638;
}

.client-profile .detailtopheader {
  position: relative;
}

/* .main-content-header table thead tr td {
  padding: 5px 8px;
}
.main-content-header table tbody tr td {
  padding-left: 8px;
  padding-right: 8px;
} */
.client-profile .customtopdetails {
  padding-bottom: 20px;
}

.light-green-status {
  border-radius: 4px;
  background-color: #e1f7e2;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 27px !important;
  letter-spacing: normal !important;
  color: #34c836 !important;
  height: 27px;
  padding: 0px 8px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
}

.light-pink-status {
  border-radius: 4px;
  background-color: #fee2e0;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 27px !important;
  letter-spacing: normal !important;
  color: var(--primaryred) !important;
  height: 27px;
  padding: 0px 8px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
}

.light-purple-status {
  border-radius: 4px;
  background-color: #eeebff;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 27px !important;
  letter-spacing: normal !important;
  color: #886cff !important;
  height: 27px;
  padding: 0px 8px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
}

.processed-status,
.yellow-status,
.inprogress-status,
.processing-status,
.notstarted-status,
.red-status,
.assigned-status,
.invoiced-status,
.green-status,
.paid-status,
.authorised-status,
.blue-status,
.deferred-status,
.submitted-status {
  font-weight: 500 !important;
  font-size: 12px;
  letter-spacing: 0.8px;
  padding: 5px 6px;
  border-radius: 4px;
}

.processed-status,
.yellow-status,
.inprogress-status,
.processing-status {
  color: #852204 !important;
  border: solid 1px #ffeeba;
  background-color: #fff3cd;
}

.submitted-status {
  color: #ff9539 !important;
  border: solid 1px #ffeeba;
  background-color: #fff3cd;
}

.notstarted-status,
.red-status {
  color: #cb3626 !important;
  border: solid 1px #feddd9;
  background-color: #ffe8e5;
}

.invoiced-status,
.green-status,
.paid-status,
.authorised-status {
  color: #155724 !important;
  border: solid 1px #c3e6cb;
  background-color: #d4edda;
}

.blue-status,
.deferred-status,
.assigned-status {
  color: #2843df !important;
  border: solid 1px #d4dafa;
  background-color: #e1e5fd;
}

.clear-btn-pos {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 1;
}

.timesheet-profile .box textarea {
  resize: vertical;
}

.light-gray-text {
  color: rgba(106, 110, 115, 0.73);
}

.light-gray-color {
  color: rgba(106, 110, 115, 0.6);
}

.timesheet-profile .table-content {
  padding-bottom: 0px;
}

.tab-details #offeredexpensechargedetails table tr td {
  padding-right: 10px;
}

.scheduledetailsinfo .box {
  display: block;
}

.scheduledetailsinfo .box .cols {
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  width: calc(33.33% - 17px);
}

.scheduledetailsinfo .box .cols:last-child {
  margin-right: 0px;
}

.width-auto {
  width: auto !important;
}

.time_pick input {
  font-size: 14px;
  color: #343638;
}

.timepicker_wrap input {
  color: var(--white);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  /* background-color: rgb(3, 121, 254) !important; */
  background-color: #2843df !important;
}

.tab-details .scheduledetailsinfo table tr:last-child td {
  padding-bottom: 0px;
}

/* .timesheet-profile .tab-details {
  background-color: #d5dce0;
  height: calc(100vh - 190px);
} */
.dashboardmain .charts-section {
  margin-top: 50px;
}

.main-content.announcement-page {
  padding-top: 0;
}

.main-content.announcement-page .main-content-header {
  padding-bottom: 0px;
}

.sidebar.candidate-drawer {
  height: inherit;
}

.mlr--16 {
  margin-left: -16px;
  margin-right: -16px;
}

.mlr--20 {
  margin-left: -20px;
  margin-right: -20px;
}

.edit-timesheetmodal .modal-header {
  border-bottom: none;
}

.edit-timesheetmodal .modal-header,
.edit-timesheetmodal .modal-body {
  padding-left: 30px;
  padding-right: 30px;
}

.edit-timesheetmodal .modal-body input,
.edit-timesheetmodal .modal-body select {
  height: 44px;
  color: #343638;
  font-size: 14px;
  border-radius: 4px;
}

.edit-timesheetmodal .modal-body input:focus {
  box-shadow: none;
}

.client-profile #clientdetails .customtopdetails,
.client-profile #branches .customtopdetails {
  padding-bottom: 0px;
}

.topsearch .select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 0px;
}

.topsearch .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding-left: 35px;
}

.daterangepicker select {
  padding: 0px 10px !important;
  border-radius: 4px;
  border-color: #d6d6d6;
}

input.form-control[name=daterange][readonly=readonly].commonborderinp {
  border: 1px solid #eceff1 !important;
  font-size: 13px !important;
  font-weight: normal !important;
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 24px 6px 12px !important;
  border-radius: 4px;
}

.main-content-header input.form-control[name=daterange][readonly=readonly].commonborderinp {
  background: url(../images/dropdown-arrow.png) no-repeat !important;
  background-size: 23px !important;
  background-position: center right !important;
}

.invoice-list .select2-container {
  width: 100% !important;
}

.invoice-list {
  position: relative;
}

/*.invoice-list .detailtopheader {
  position: absolute;
}*/
.minheight-auto {
  min-height: auto !important;
}

.light-gray-bg {
  background-color: #eceff1;
}

.invoicedetaillisttable table tr:nth-child(2n+0) {
  background-color: #eceff1;
}

.invoicedetaillisttable table thead td {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #4c5358;
}

.invoicedetaillisttable table tbody td {
  font-size: 13px;
}

.invoicedetaillisttable .table-content tbody tr,
.add-employmentmodal .modal-header {
  border-bottom: none;
}

.invoicedetaillisttable .table-content tr td {
  padding: 14px 20px;
}

.uploaddownloadicons label {
  cursor: pointer;
}

.disable-pointerclick {
  pointer-events: none;
}

#vacancydetails-info .select2-container--bootstrap .select2-selection.form-control {
  padding: 0px;
  border: none;
  height: auto;
}

#vacancydetails-info .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #343638;
}

#vacancydetails-info .select2-selection__arrow {
  display: none;
}

#vacancydetails-info .editable-vacancydetails .select2-container--bootstrap .select2-selection.form-control {
  padding: 11px 24px 11px 12px;
  border: 1px solid #d5dce0;
  height: 44px;
}

#vacancydetails-info .editable-vacancydetails .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder,
#vacancydetails-info .editable-vacancydetails .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #343638;
}

#vacancydetails-info .editable-vacancydetails .select2-selection__arrow {
  display: inherit;
}

.editable-vacancydetails .select2-container--bootstrap.select2-container--focus .select2-selection,
.editable-vacancydetails .select2-container--bootstrap.select2-container--open .select2-selection {
  box-shadow: none;
  border: 1px solid #0ea6fe !important;
  border-radius: 4px;
}

.editable-vacancydetails .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  top: 11px;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: transparent;
}

.vacancydetailmain .detailtopheader {
  position: relative;
}

.notesmainsection input,
.notesmainsection textarea {
  border: none;
  width: 100%;
  font-size: 14px;
  outline: none !important;
}

.notesmainsection textarea[readonly=readonly] {
  min-height: 45px;
  padding: 10px 15px;
}

.notesmainsection input[readonly=readonly] {
  padding: 10px 15px !important;
  height: 44px !important;
}

.notesmainsection p {
  color: rgba(106, 110, 115, 0.73);
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  margin-bottom: 5px;
}

.editable-vacancydetailsnote input,
.editable-vacancydetailsnote textarea {
  padding: 10px 15px !important;
  border: 1px solid #d5dce0;
}

.editable-vacancydetailsnote input:focus,
.editable-vacancydetailsnote textarea:focus {
  border-color: #0ea6fe !important;
}

.notesmainsection table {
  border-bottom: 1px solid #d5dce0 !important;
}

.settingsmain .table-content tbody tr {
  border: none;
}

.settingsmain .table-content tbody tr td select {
  background: url(../images/dropdown-arrow.png) no-repeat !important;
  background-size: 23px !important;
  background-position: right center !important;
  height: 44px;
  font-size: 14px;
}

.settingsmain .select2-container--bootstrap .select2-selection--single {
  height: 44px;
  padding: 12px 24px 12px 12px;
  border: 1px solid #d5dce0;
}

.settingsmain .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  top: 4px;
}

.checkboxctop:after,
.checkboxctop:before {
  top: 0.19rem;
  left: 0px;
}

.pound-input .pound-sign.cpoundsign {
  left: 15px;
  top: 25px;
}

.blue-btn,
.blue-btn:hover,
.blue-btn:focus {
  height: 56px;
  line-height: 56px;
  outline: none;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: var(--white);
  background-color: #0fa7ff;
}

.cborder {
  /* margin: 16px 0px 16px 0px;
  border-bottom: 2px solid var(--lightblue); */
  margin: 15px 0 0 0;
}

.sub_title {
  font-weight: bold;
  color: #1c2429;
  letter-spacing: 1px;
  font-size: 14px;
  margin: 0;
}

.pos-absolute {
  position: absolute;
}

.right-10 {
  right: 10px;
}

.top-15 {
  top: 15px;
}

.text-light-gray {
  color: #c5c5c5;
}

/* Radio button css starts */
.radio {
  margin: 0rem;
  position: relative;
}

.radio input[type=radio] {
  position: absolute;
  display: block !important;
  width: 0;
  height: 0;
  opacity: 0;
  top: 0;
  left: 0;
}

.radio input[type=radio] + .radio-label:before {
  content: "";
  background: var(--white);
  border-radius: 100%;
  border: 2px solid #b4b4b4;
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  top: 2px;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.radio input[type=radio]:checked + .radio-label:before {
  background-color: #2843df;
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #2843df;
}

.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #3197ee;
}

.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}

.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}

/* Radio button css ends */
.light-text-color {
  color: rgba(106, 110, 115, 0.73);
}

.custom-checkbox label,
.radio label {
  cursor: pointer;
}

.sagelinetitle {
  color: #929599;
}

.font-weight-300 {
  font-weight: 300;
}

.tab-details .settingpayrollmain table tr td,
#settingcandidate table tr td,
#settingsageline table tr td,
#settinggeneral table tr td,
#settingvacancy table tr td,
#settingtempcontract table tr td,
#settingmms table tr td,
#settinginvoice table tr td,
#settingtimesheet table tr td,
#settingtwilio table tr td,
#settingolipay table tr td {
  padding: 10px;
}

.fixedheadermain {
  position: fixed;
  width: inherit;
  z-index: 6;
}

.settingsmain .tab-content,
.settingsmain .tab-content .tab-pane,
.settingsmain .tab-content .tab-pane .box {
  height: 100%;
}

.savebottomtabbtns {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  background: var(--white);
  z-index: 1;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.settingsmain .table-content {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 137px);
}

.width-100 {
  width: 100%;
}

.margin-0 {
  margin: 0px;
}

.custom-control {
  padding-left: 0px;
  min-height: 24px;
}

.custom-control-label {
  /* padding-left: 30px; */
  padding-left: 25px;
  line-height: 24px !important;
  position: relative;
}

input[type=checkbox],
input[type=radio] {
  height: 18px;
}

input[type=checkbox] {
  width: 18px;
}

.appconnect_subscription::before,
.appconnect_subscription::after {
  top: 12px !important;
  left: 0;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  cursor: pointer;
}

.custom-control-label::before,
.custom-control-label::after {
  top: 0.8rem;
  left: 0;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  cursor: pointer;
}

.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after {
  top: 12px;
  left: 0;
  height: 18px;
  width: 18px;
  cursor: pointer;
  transform: none;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 4px;
  left: 0px;
}

.custom-control-label::before {
  border-color: #2843df;
  border-width: 1px;
  border-style: solid;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url(../images/checkbox_check.svg);
}

/* .custom-control-label::before {
  border-width: 2px;
  border-color: #afb2ba;
} */
.defaultcolor {
  color: #343638;
}

.settingsmain .pound-input .pound-sign.cpoundsign {
  left: 27px;
  top: 21px;
}

/* .main-content-header .custom-control-label::before, .main-content-header .custom-control-label::after {
  left: 0px;
} */
.time_pick input {
  height: 44px;
}

.sm-bluebtn,
.sm-bluebtn:hover,
.sm-bluebtn:focus {
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0px 15px;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  color: var(--white);
  background-color: #2843df;
}

.sm-redbtn,
.sm-redbtn:hover,
.sm-redbtn:focus {
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0px 15px;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  color: var(--white);
  background-color: var(--primaryred);
}

.apployalityoptiontitle ul {
  position: absolute;
  right: 0px;
  bottom: 10px;
}

.apployalityoptiontitle ul li {
  display: inline-block;
  vertical-align: middle;
}

.rotate-45deg {
  transform: rotate(45deg);
}

.apployalitytable thead {
  background-color: #f8f8f8;
}

.apployalitytable thead th,
.apployalitytable tbody td {
  padding: 8px 10px !important;
}

.apployalitytable tbody tr:nth-child(2n+0) {
  background-color: #f8f8f8;
}

.apployalitytable tbody tr:last-child {
  background-color: rgba(255, 255, 255, 0.9);
}

.apployalitytable thead label,
.apployalitytable thead p,
.apployalitytable tbody p {
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 14px;
}

.apployalitytable thead label,
.apployalitytable thead p {
  color: #343638;
}

.apployalitytable tbody label,
.apployalitytable tbody p {
  color: #1c2429;
}

.xs-bluebtn,
.xs-bluebtn:hover,
.xs-bluebtn:focus {
  height: 30px;
  line-height: 30px;
  outline: none;
  padding: 0px 10px;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  font-size: 13px;
  color: var(--white);
  background-color: #2843df;
}

.apployalitytable {
  max-height: 440px;
  overflow-y: auto;
}

.apployalitytable tr:last-child {
  opacity: 0.5;
  pointer-events: none;
}

.options li a.dropdown-item {
  font-weight: 400;
  color: #212529;
}

.analyticsdetails .detailtopheader {
  position: inherit;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.analyticsdetails .candidate-list .main-content {
  padding-top: 0px;
}

.analyticsdetails .candidate-list {
  padding: 20px;
}

.analyticsdetails .tab-details table tr td:first-child {
  color: #212529;
}

.analyticsdetails .main-content-header table thead tr td,
.analyticsdetails .main-content-header table tbody tr td {
  padding-left: 15px;
  padding-right: 0px;
}

.analyticsdetails .main-content-header table thead tr td:last-child,
.analyticsdetails .main-content-header table tbody tr td:last-child {
  padding-right: 15px;
}

.analyticsdetails .tab-details {
  height: calc(100% - 136px);
  overflow-x: hidden;
}

.analyticsdetails .select2-container {
  width: 100% !important;
}

.diarydetails .candidate-detail-header {
  height: 62px;
}

.diarydetails .candidate-detail-header .left-section .right-detail h2,
.diarydetails .options {
  margin-bottom: 0px;
}

.setavailibilitymain {
  width: 100%;
  display: table;
  margin-top: 8px;
}

.setavailibilitymodal .setavailibility_box {
  margin: 0px;
  display: table;
  padding: 10px 0px;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.setavailibilitymodal .setavailibility_box .custom-switch .custom-control-label::before {
  /* top: 0.25rem;
  width: 2.63rem;
  height: 1.44rem;
  right: 0;
  left: inherit; */
  top: 0.25rem;
  right: 0;
  left: inherit;
  width: 44px;
  height: 22px;
  background-color: var(--white);
  border: solid 1px #666a80;
}

.setavailibilitymodal .setavailibility_box p {
  margin-bottom: 0px;
  line-height: normal;
  /* width: 90%; */
  width: calc(100% - 44px);
}

#compliance_table .custom-switch .custom-control-label::before {
  top: 0.25rem;
  right: 0;
  left: inherit;
  width: 34px;
  height: 20px;
  background-color: var(--white);
  border: solid 1px #666a80;
}

#compliance_table .dbs-custom-switch {
  width: 35px;
}

#compliance_table .custom-switch .custom-control-label::after {
  border-radius: 3.5rem;
  left: 3px;
  top: 6px;
  border: solid 1px #666a80;
  background-color: #666a80;
  width: 15px;
  height: 15px;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
}

#compliance_table .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  border: solid 1px #2843df;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
}

#compliance_table .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  /* -webkit-transform: translateX(1.1rem);
  transform: translateX(1.1rem); */
  border: solid 1px #2843df;
  background-color: #2843df;
  /* left: 14px; */
  left: 17px;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
  transform: none;
}

/* Toggle Switch */
#rate_charge_percent_div .toggle-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

#rate_charge_percent_div .toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

#rate_charge_percent_div .toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

#rate_charge_percent_div .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2843df;
  /* Blue background */
  transition: 0.4s;
  border-radius: 50px;
}

#rate_charge_percent_div .slider:before {
  content: "%";
  font-size: 14px;
  /* Increased font size */
  font-weight: bold;
  /* Make it bolder */
  color: #2843df;
  /* Blue icon */
  text-align: center;
  line-height: 22px;
  /* Adjust line height */
  position: absolute;
  height: 21px;
  /* Increase dot size */
  width: 21px;
  /* Increase dot size */
  left: 2px;
  bottom: 2px;
  background: white;
  /* White dot */
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

#rate_charge_percent_div input:checked + .slider {
  background: #2843df;
  /* Keep blue background */
}

#rate_charge_percent_div input:checked + .slider:before {
  content: "£";
  transform: translateX(24px);
  background: white;
  /* White dot */
  color: #2843df;
  /* Blue icon */
}

.bulk_add .custom-control,
.setavailibilitymodal .setavailibility_box form {
  width: 44px;
}

.setavailibilitymodal .setavailibility_box form {
  text-align: right;
  /* width: 10%; */
  position: relative;
  top: -4px;
}

.custom-switch .custom-control-label::before {
  border-radius: 1.5rem;
}

.custom-switch .custom-control-label::after {
  /* top: calc(0.25rem + 1px);
  left: calc(-0.75rem + 2px);
  width: calc(1.5rem - 3px);
  height: calc(1.5rem - 3px);
  background-color: #adb5bd;
  border-radius: 3.5rem; */
  border-radius: 3.5rem;
  /* left: -13px; */
  left: 1px;
  top: 4px;
  border: solid 1px #666a80;
  background-color: #666a80;
  width: 22px;
  height: 22px;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  border: solid 1px #2843df;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  /* -webkit-transform: translateX(1.1rem);
  transform: translateX(1.1rem); */
  border: solid 1px #2843df;
  background-color: #2843df;
  /* left: 14px; */
  left: 21px;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
  transform: none;
}

.btn_bulk_delete_custom_time {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 28px;
  padding: 0;
}

.diarydetails .contracts-main table p {
  margin-bottom: 0px;
  font-size: 14px;
  color: rgba(106, 110, 115, 0.73);
}

.diarydetails .contracts-main table input {
  font-size: 14px;
}

.diarydetails .table-content.contracts-main {
  max-height: 1148px;
  overflow-y: auto;
  overflow-x: hidden;
}

.help-block {
  display: block;
  width: 100%;
  margin-top: 5px;
}

.maintainance-section .candidate-detail-header {
  height: 50px;
}

.maintainance-section .candidate-detail-header h2 {
  margin-bottom: 0px;
}

/* .maintainance-section .candidate-detail-header h2 span {
  margin-left: 10px;
} */
.maintainance-section .candidate-detail-header .left-section .right-detail {
  padding-left: 0px;
}

.maintainance-section .candidate-detail-header .right-section {
  padding: 10px 0px 10px 20px;
}

.maintainance-section .candidate-detail-header .right-section a {
  color: var(--white);
  font-size: 16px;
  font-weight: bold;
}

.yellowdot {
  width: 13px;
  height: 13px;
  background-color: #eec643;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
}

.maintainance-section .nav-tabs .owl-nav .owl-prev {
  width: 20px;
  color: var(--white);
  height: 40px;
  background-color: #077ec2;
}

.maintainance-section .nav-tabs .owl-nav .owl-next {
  right: 0px;
  position: absolute;
  width: 20px;
  height: 40px;
  color: var(--white);
  background-color: #077ec2;
}

.maintainance-section .nav-tabs .owl-nav {
  width: 100%;
  position: absolute;
  top: 0px;
}

.maintainance-section .owl-stage-outer {
  width: 95%;
  left: 0;
  z-index: 1;
  right: 0px;
  margin: 0 auto;
}

/* .maintainance-section .tab-details {
  margin-top: 90px;
  height: calc(100% - 90px);
}
.edit-btn, .edit-btn:hover, .edit-btn:focus {
  width: 75px;
  height: 30px;
  border-radius: 4px;
  background-color: #0fa7ff;
  background-color: $primaryBlue;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.editdelbuttons img {
  margin-right: 5px;
}
.editdelbuttons a {
  margin-right: 10px;
}
.maintainance-section .main-content-header table thead {
  border-bottom: 1px solid #d5dce0;
}
.maintainance-section .main-content-header table tbody tr td {
  padding: 10px 20px 10px 20px;
}
.maintainance-section .main-content-header table thead tr td {
  padding: 20px 20px 0px 20px;
}
.delete-btn, .delete-btn:hover, .delete-btn:focus {
  width: 93px;
  display: flex;
    align-items: center;
    justify-content: center;
  height: 30px;
  border-radius: 4px;
  background-color: #ff5b64;
  background-color: var(--primaryred);
  color: var(--white);
}
.maintainance-section .main-content-header table tbody tr:nth-child(2n + 0) {
  background-color:#f5f7f8;
  background-color: var(--lightblue);
}*/
.pagination-prev,
.pagination-next {
  background: none !important;
  width: auto !important;
}

.maintainance-section .main-content-header table tbody tr td span {
  color: #1c2429;
}

.customborderouter {
  padding: 0px 20px;
}

.border-custom {
  background-color: #d5dce0;
  height: 1px;
  width: 100%;
  display: block;
  margin: 30px 0px;
}

/* chatbox css */
.messaging-box {
  /* height: 470px; */
  height: 514px;
  border-radius: 4px 4px 0 0;
}

/* client details in add client css starts */
.no-border-bottom tbody tr {
  border-bottom: 0;
}

/* .checkboxcommonboxborder {
    border-radius: 4px;
    border: solid 1px #eceff1;
    width: 100%;
    padding: 8px 7px;
} */
.checkboxcommonboxborder .radio-label {
  /* font-size: 12px;
  color: #404040; */
  color: #666a80;
  line-height: 1.71;
}

.checkboxcommonboxborder .radio input[type=radio] + .radio-label:before {
  margin-right: 6px;
  border-radius: 4px;
  border: 2px solid #ebebeb;
  transition: all 250ms ease;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
}

.checkboxcommonboxborder .radio input[type=radio]:checked + .radio-label:before {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  background-color: #2843df;
  border-color: #2843df;
}

.borerlight-3 {
  border-radius: 3px !important;
  border: solid 1px #eceff1;
}

.tab-details .client_details table tr td,
.tab-details .branches_financial_content table tr td,
.tab-details .rates_agencies_details table tr td,
.tab-details .viewbranches_financial_content table tr td {
  padding-top: 10px;
  padding-bottom: 10px;
}

span.etips-info,
span.expense-info {
  color: rgba(106, 110, 115, 0.73);
  font-size: 10px;
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.postcode-info {
  color: #2843df;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  right: 15px;
  top: 15px;
  /* top: 50%;
  transform: translateY(-50%); */
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}

.postcode-wrap input {
  padding-right: 116px;
}

.client_details .select2-container--bootstrap .select2-selection--single,
#branches_financial_info .select2-container--bootstrap .select2-selection--single,
#adddrelatedbranchclient .select2-container--bootstrap .select2-selection--single,
#addnewunsuitableclient .select2-container--bootstrap .select2-selection--single,
#addotheragengiesclient .select2-container--bootstrap .select2-selection--single,
#selectratesandshitsclient .select2-container--bootstrap .select2-selection--single,
.rates_agencies_details .select2-container--bootstrap .select2-selection--single,
#addshortistcandidate .select2-container--bootstrap .select2-selection--single,
#addraterulesclient .select2-container--bootstrap .select2-selection--single,
#add_contactlog .select2-container--bootstrap .select2-selection--single {
  height: 44px;
  line-height: 24px;
  border-radius: 3px !important;
  border: solid 1px #eceff1;
}

.client_details .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
#branches_financial_info .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
#adddrelatedbranchclient .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
#addnewunsuitableclient .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
#addotheragengiesclient .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
#selectratesandshitsclient .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.rates_agencies_details .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
#addshortistcandidate .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
#addraterulesclient .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
#add_contactlog .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  height: 100%;
}

.client_details .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
#branches_financial_info .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
#adddrelatedbranchclient .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
#addnewunsuitableclient .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
#addotheragengiesclient .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
#selectratesandshitsclient .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.rates_agencies_details .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
#addshortistcandidate .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
#addraterulesclient .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
#add_contactlog .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  top: 50%;
  transform: translateY(-50%);
}

.error {
  display: block !important;
  color: var(--primaryred) !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  font-size: 12px !important;
}

input.error,
select.form-control.error {
  margin: 0 !important;
}

button.find_area {
  height: 44px;
  border-radius: 4px;
  background-color: #2843df;
  border: 0;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--white);
}

button.find_area img {
  height: 20px;
  margin-right: 5px;
}

.remove_field,
.add_sector_button {
  position: absolute;
  right: 0;
  top: 10px;
  width: 36px;
  text-align: center;
  cursor: pointer;
}

.add_field_button {
  color: #2843df;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  right: 15px !important;
  top: 15px !important;
  height: 16px !important;
  width: 16px !important;
  position: absolute;
  cursor: pointer;
}

.add_field_button img {
  height: 16px;
  position: static !important;
  transform: none !important;
}

.refresh {
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
}

.client_details .pad-r-10,
.branches_financial_content .pad-r-10,
.rates_agencies_details .pad-r-10 {
  padding-right: 10px !important;
}

.client_details .pad-l-10,
.branches_financial_content .pad-l-10,
.rates_agencies_details .pad-l-10 {
  padding-left: 10px !important;
}

.box .cols.client_details,
.box .cols.rates_agencies_details {
  padding: 15px;
}

/* .client-d .custom-control-label::before,
.client-d .custom-control-label::after {
    top: 2px;
    left: 0;
}
.client-d .custom-control-label {
    padding-left: 24px;
} */
.commom_gray_btn {
  background-color: var(--lightblue);
  display: inline-block;
  /*color: #6a6e73 !important;*/
  color: #666a80 !important;
}

.commom_blue_btn {
  /*background-color: #0fa7ff;*/
  background-color: #2843df;
  display: inline-block;
  color: var(--white) !important;
  margin-right: 15px;
}

.commom_blue_btn,
.commom_gray_btn {
  max-width: 162px;
  /* height: 48px; */
  border-radius: 4px;
  text-align: center;
  /* line-height: 48px; */
  /* line-height: 44px; */
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  /* width: 100%; */
  padding: 10px 16px;
}

label.upload_photo {
  position: relative;
  display: block;
  cursor: pointer;
  height: 100px;
  width: 100px;
  margin: 0;
  overflow: hidden;
}

label.upload_photo .file-import-wrapper {
  text-indent: -110px;
  width: 100px;
  height: 100px;
  padding: 0;
  outline: none;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
}

label.upload_photo .file-import-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  border-radius: 4px;
}

label.upload_photo .file-import-wrapper img.pro_icon {
  width: 38px;
  height: 38px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
}

label.upload_photo.edit_profile_pic .file-import-wrapper,
label.upload_photo.edit_profile_pic {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  overflow: unset;
}

.add_sector_button,
.add_fao_button {
  height: 100%;
  top: 0;
}

.add_sector_button img,
.add_fao_button img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*  client details in add client css ends */
/* related branches in client add css start */
.branch_header,
.rates_agencies_header {
  /* padding: 20px; */
  padding: 0px 16px;
}

.rates_agencies_header .title-header {
  height: 54px;
  display: flex;
  align-items: center;
}

.related-links {
  text-align: right;
}

.related-links .related_branch_link {
  font-size: 12px;
  display: inline-block;
  margin-right: 20px;
}

.related-links .related_branch_link:last-child {
  margin: 0;
}

.related-links .add_related_branch {
  color: #2843df;
}

.related-links .remove_related_branch {
  color: var(--primaryred);
}

.related-links .assign_related_branch {
  color: #08104d;
}

.pb-20 {
  padding-bottom: 20px;
}

/* .related_branch_table thead tr th,
.rates_agencies_table thead tr th {
    font-size: 14px;
    font-weight: 600;
    color: #404040;
    text-transform: uppercase;
}
.related_branch_table thead,
.rates_agencies_table thead{
    background-color: var(--lightblue);
} */
.related_branch_table thead tr th,
.rates_agencies_table thead tr th {
  /* padding: 8px 20px; */
  padding: 8px 15px;
}

/* .related_branch_table tbody tr td,
.rates_agencies_table tbody tr td{
    padding: 15px 20px;
    padding: 15px 15px;
    border-bottom: 1px solid #d5dce0;
    color: #455a64 !important;
} */
.related_branch_table thead tr th .custom-control-label,
.rates_agencies_table thead tr th .custom-control-label {
  vertical-align: middle;
}

/* .related_branch_table tr .custom-control-label::before,
.related_branch_table tr .custom-control-label::after,
.rates_agencies_table tr .custom-control-label::before,
.rates_agencies_table tr .custom-control-label::after{
    left: 0;
    top: 2.3px;
} */
.branches_financial_content {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 40px;
}

/* .client-d .custom-control-label::before {
    border: 1.5px solid #ebebeb;
} */
.add_fao_button {
  position: absolute;
  right: 0;
  width: 36px;
  cursor: pointer;
}

.expense-wrap input {
  padding-right: 105px;
}

/* related branches in client add css ends */
/* rates-agencies in client add css starts */
span.blue-text {
  color: #2843df;
  font-weight: 500;
}

.editdiv {
  padding: 0 20px;
}

.border-toplight {
  border-top: solid 2px var(--lightblue);
}

.editdiv span {
  color: #455a64;
  display: inline-block;
  margin-right: 20px;
  font-size: 13px;
}

.editdivclose {
  display: inline-block;
  /* line-height: 44px; */
  border-radius: 4px;
}

.edit-row {
  padding: 6px 0 16px 0;
  align-items: center;
}

.tab-details .rates_agencies_details .rates_agencies_details_table tr td {
  padding: 20px 8px 20px 8px;
}

.tab-details .rates_agencies_details_table tr th {
  padding: 10px 8px 10px 8px;
}

.tab-details .rates_agencies_details_table thead {
  background-color: #eceff1;
}

.mrt-5 {
  margin-left: -20px;
  margin-right: -20px;
}

.tab-details .rates_agencies_details_table tr th p {
  margin: 0;
  color: #404040;
  text-transform: uppercase;
}

.rates_agencies_details_table .custom-control-label::before,
.rates_agencies_details_table .custom-control-label::after {
  top: 0;
  left: 0;
}

.tab-details .rates_agencies_details .rates_agencies_details_table tr td input {
  height: 36px;
  border-radius: 3px !important;
  border: solid 1px #eceff1;
  padding-right: 8px;
  padding-left: 8px;
}

.rates_agencies_details_table .custom-control-label::before {
  border-color: #afb6bf;
  border-width: 1.5px;
}

.tab-details .rates_agencies_details .rates_agencies_details_table tr {
  border-bottom: solid 1px #e8ebef;
}

.tab-details .rates_agencies_details .rates_agencies_details_table tr td .custom-checkbox .custom-control-label {
  line-height: 1.1;
  vertical-align: middle;
}

.tab-details .rates_agencies_details .rates_agencies_details_table tr td .select2-container--bootstrap .select2-selection--single {
  height: 36px;
  line-height: 1;
}

span.select-add {
  border-radius: 4px;
  background-color: #0fa7ff;
  display: inline-block;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 1px;
  cursor: pointer;
  top: 0;
}

span.select-add img {
  width: 20px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rate-box .select2-container {
  width: calc(100% - 36px) !important;
}

.modal-dialog.width-800 {
  max-width: 800px;
}

#addraterulesclient input {
  border: solid 1px #eceff1;
  border-radius: 4px;
}

span.rate-unit-info {
  position: absolute;
  right: 8px;
  color: rgba(106, 110, 115, 0.73);
  font-size: 10px;
  top: 50%;
  transform: translateY(-50%);
}

#addraterulesclient input.rate-unit {
  padding-right: 35px;
}

/* rates-agencies in client add css ends */
/* edit client mode starts*/
.box.dis-block {
  display: block;
}

/* .tab-details .view_contact_information table tr td {
    padding-top: 4px;
    padding-bottom: 4px;
} */
.save_link,
.save_link:hover {
  width: 83px;
  height: 36px;
  border-radius: 4px;
  background-color: #2843df;
  font-weight: 500;
  color: var(--white);
  display: inline-block;
  line-height: 36px;
  text-align: center;
  font-size: 13px;
}

.view_contact_information {
  padding-top: 0px;
  padding-bottom: 0;
}

.client-general-info-wrapper {
  display: flex;
  flex-wrap: wrap;
}

a.hidden-status.client-general-info-status,
span.hidden-status.client-general-info-status {
  line-height: 1;
  padding: 6px 8px;
  /* width: 92px; */
}

span.dis-block {
  display: block;
}

/* .tab-details #contactus-info table tr:first-child td,
.tab-details #contact-log-info table tr:first-child td {
    color: rgba(106, 110, 115, 0.73);
} */
.text-black {
  color: #212529;
}

.text-red {
  color: #f33528;
}

.text-blue {
  color: #2843df;
}

.text-blue-imp {
  color: #2843df !important;
}

.blue-hover {
  transition: 0.2s ease-in-out;
}

.blue-hover:hover {
  color: #2843df;
  transition: 0.2s ease-in-out;
}

.viewbranches_financial_content {
  padding: 0 16px 16px;
}

/* edit client mode ends*/
/* Add candidate personal details starts */
.select2-container--bootstrap .select2-selection--single.height-44,
.select2-container--default .select2-selection--single,
.select2-container--bootstrap .select2-selection--single {
  height: 44px;
  /* border-radius: 3px !important;
  border: solid 1px #eceff1; */
  padding: 0;
  border: solid 2px var(--lightblue);
  background-color: #f8f8f8;
}

.select2-container--bootstrap .select2-selection--single.height-44 .select2-selection__rendered {
  height: 100%;
  padding: 6px 24px 6px 12px;
  line-height: 28px;
}

.select2-container--bootstrap .select2-selection--single.height-44 .select2-selection__arrow b {
  top: 50%;
  transform: translate(-8px, -10px) !important;
}

.checkboxcommonbox_wrapperfortwo {
  margin-top: 18px;
  margin-bottom: 9px;
}

.checkboxcommonbox_wrapperforone {
  margin-top: 21px;
  margin-bottom: 26px;
}

.checkboxcommonboxborder {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
}

.light-color {
  color: rgba(106, 110, 115, 0.73);
}

.candidate_postcode {
  color: #2843df;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  right: 15px;
  top: 15px;
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}

.add_client_emailbtn,
.add_candidate_emailbtn,
.add_email_wrapper .remove_field {
  position: absolute;
  right: 0;
  top: 22px;
  /*top: 0;
  height: 100%;*/
  width: 32px;
  cursor: pointer;
}

.add_email_wrapper input {
  padding-right: 32px;
}

.add_client_email .add_client_emailbtn img,
.add_candidate_email .add_candidate_emailbtn img,
.add_email_wrapper .remove_field img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

label.upload_photo .file-import-wrapper {
  background-size: cover;
  background-position: center;
}

.top-12 {
  top: 12px;
}

.width-20 {
  width: 20px;
}

.width-290px {
  width: 290px;
}

.panel_head {
  background-color: var(--lightblue);
  margin-top: 16px;
  font-weight: 500;
}

.sector_primary_append .panel_head {
  margin-top: 0;
}

.panel_data {
  border: solid 2px var(--lightblue);
}

.sector_secondary_append .panel_data {
  margin-bottom: 16px;
}

.sector_secondary_append .panel_data:not(:last-child) {
  border-bottom: none;
}

.sector_secondary_append .panel_data:last-child {
  margin-bottom: 16px;
}

.panel_head,
.panel_data {
  font-size: 13px;
  padding: 7px 10px;
}

input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #343638;
  opacity: 0.5;
}

input::-moz-placeholder {
  /* Firefox 19+ */
  color: #343638;
  opacity: 0.5;
}

input:-ms-input-placeholder {
  /* IE 10+ */
  color: #343638;
  opacity: 0.5;
}

input:-moz-placeholder {
  /* Firefox 18- */
  color: #343638;
  opacity: 0.5;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #343638;
  opacity: 0.5;
}

.bg_tranaparent {
  background-color: transparent;
}

.bg_primary {
  background-color: #2843df;
}

.bg_lightblue {
  background-color: #eff3ff !important;
}

.width-24 {
  width: 24px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-14 {
  margin-right: 14px;
}

.mr-15 {
  margin-right: 15px;
}

.black-text {
  color: #000000;
}

.rightwork_btn {
  width: 100%;
  border-radius: 4px;
  /* border: solid 1px #d3d7da; */
  background-color: var(--white);
  padding: 4px 0px 4px 0px;
  text-align: left;
  letter-spacing: 0.86px;
  font-size: 12px;
}

.rightwork_btn img {
  margin-right: 6px;
}

.rightwork_blue {
  color: #1c2429;
}

.rightwork_red {
  color: #ff5b64;
}

.rightwork_btn i {
  width: 28px;
  text-align: center;
}

.rightwork_btn:hover {
  color: #2843df;
}

.fileupload {
  height: 44px;
  line-height: 1.42857;
  padding: 10px 5px;
  position: relative;
  text-align: left;
  width: 100%;
  border-radius: 3px !important;
  border: solid 1px #eceff1;
  overflow: hidden;
}

.fileupload_input {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  text-indent: -106px;
  line-height: 1.6;
  text-align: left;
  /*left: 0;
  width: calc(100% + 96px);
  margin-left: -96px; */
}

.fileupload_input:focus {
  border: 0 !important;
  box-shadow: none !important;
}

.offset-0-5 {
  -ms-flex: 0 0 12.666667%;
  flex: 0 0 12.666667%;
  max-width: 12.666667%;
}

.offset-0-5-add {
  -ms-flex: 0 0 87.333333%;
  flex: 0 0 87.333333%;
  max-width: 87.333333%;
}

.font-weight-700 {
  font-weight: 700;
}

.schedule-wrapper {
  padding: 20px;
  border-top: solid 2px var(--lightblue);
}

/* .switch.checkboxcommonboxborder {
    display: flex;
    align-items: center;
} */
.switch.checkboxcommonboxborder {
  border-radius: 4px;
  /* border: solid 1px #eceff1; */
  width: 100%;
  box-sizing: border-box;
  position: relative;
  min-height: 24px;
}

.switch.checkboxcommonboxborder label {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0px;
  padding-left: 54px;
  position: relative;
  /* line-height: 2; */
  line-height: 22px;
  letter-spacing: 0.93px;
  color: #666a80;
}

.switch.checkboxcommonboxborder label input[type=checkbox] {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
}

.switch.checkboxcommonboxborder label span.switch-track {
  /* border: solid 1px #979797; */
  background-color: var(--white);
  border: solid 1px #666a80;
}

.switch.checkboxcommonboxborder label span.switch-track::after {
  position: absolute;
  top: 50%;
  left: -1px;
  display: block;
  align-self: center;
  width: 22px;
  height: 22px;
  content: "";
  border-radius: 100%;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
  transform: translateY(-50%);
  border: solid 1px #666a80;
  background-color: #666a80;
}

.switch.checkboxcommonboxborder label input[type=checkbox]:checked + span + span.switch-track::after,
.switch.checkboxcommonboxborder label input[type=checkbox]:checked + span.switch-track::after {
  /* background-color: #2fd688;
  left: calc(100% - 15px);
  border: 1px solid #15ae67; */
  background-color: #2843df;
  left: calc(100% - 21px);
  border: 1px solid #2843df;
}

.switch.checkboxcommonboxborder label span.switch-track {
  position: absolute;
  top: 0.1125rem;
  left: 0;
  display: inline-block;
  width: 44px;
  height: 22px;
  cursor: pointer;
  background-position: 0;
  background-size: 4.25rem 0.875rem;
  border-radius: 2.125rem;
  transition: background-position 0.2s ease-in;
}

.switch.checkboxcommonboxborder label input[type=checkbox]:checked + span + span.switch-track,
.switch.checkboxcommonboxborder label input[type=checkbox]:checked + span.switch-track {
  /* border: solid 1px #15ae67;
  background-color: rgba(47, 214, 136, 0.39); */
  border: solid 1px #2843df;
  background-color: var(--white);
}

.radio.checkboxcommonboxborder input[type=radio] + .radio-label:before {
  border: 1px solid #2843df;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-right: 0.8em;
}

.radio.checkboxcommonboxborder input[type=radio]:checked + .radio-label:before {
  border-color: #2843df;
  background-color: #2843df;
  box-shadow: inset 0 0 0 3px #f4f4f4;
  /* border-color: #404040;
  background-color: #404040; */
}

#addcandidate_schedule .mycal_bottombox,
#viewcandidate_schedule .mycal_bottombox {
  text-align: left;
  padding-top: 0;
}

#addcandidate_schedule .mycal_headerbox_left a img,
#viewcandidate_schedule .mycal_headerbox_left a img {
  width: 7px;
}

#addcandidate_schedule .day-row div span.disabled,
#viewcandidate_schedule .day-row div span.disabled {
  color: #818e94;
}

#addcandidate_schedule .day-row div,
#viewcandidate_schedule .day-row div {
  font-size: 14px;
}

#addcandidate_schedule .year-scheduler-inner,
#viewcandidate_schedule .year-scheduler-inner {
  padding-left: 25px;
  padding-right: 25px;
}

/* #addcandidate_schedule .mycal_headerbox_left,
#viewcandidate_schedule .mycal_headerbox_left{
    padding-left: 25px;
} */
#addcandidate_schedule .availability-information,
#viewcandidate_schedule .availability-information {
  padding-left: 10px;
}

/* #addcandidate_schedule .mycal_headerbox_right,
#viewcandidate_schedule .mycal_headerbox_right{
    padding-right: 25px;
} */
.calendar_topbar.mycal_headerbox_left {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}

a#btn_bulk_add_schedule_time {
  padding: 7px 12px;
  border-radius: 4px;
  background-color: #2843df;
  color: #eaecfc;
  letter-spacing: 1px;
}

.mycal_headerbox_right {
  position: absolute;
  top: -40px;
  right: 120px;
}
.mycal_headerbox_right._edit_candidate {
  right: 140px;
}

.mycal_headerbox_right.schdule_show_dropdown {
  right: 16px;
}

.mycal_headerbox_right .calendar-fullscreen-toggle {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  margin-left: 16px;
}

.mycal_headerbox_right .calendar-fullscreen-toggle img {
  width: 20px;
  height: 20px;
}

.mycal_headerbox_right .calendar-fullscreen-toggle .close-full-screen {
  display: none;
}

.mycal_headerbox_right .calendar-fullscreen-toggle.isFullScreen .open-full-screen {
  display: none;
}

.mycal_headerbox_right .calendar-fullscreen-toggle.isFullScreen .close-full-screen {
  display: block;
}

span.available_title {
  color: rgba(106, 110, 115, 0.73);
  font-size: 14px;
}

.schedule-contract-header {
  padding: 0 20px 20px;
}

#avalablitycalender .setavailibilitymain {
  margin-top: 0;
}

/* Add candidate personal details ends */
/* candidate view mode starts*/
.tab-details .candidate-contact-log table thead tr th {
  padding-right: 15px;
  /* padding-left: 0; */
}

.tab-details .candidate-contact-log table tr td {
  color: #343638;
  padding-right: 15px;
}

.tab-details .candidate-contact-log table thead tr th p {
  margin: 0;
  color: rgba(106, 110, 115, 0.73);
  font-weight: 400;
  font-size: 14px;
}

.tab-details .candidate-contact-log table thead tr {
  border-bottom: 1px solid #d5dce0;
}

.document-temp {
  border-radius: 4px;
  padding: 2px 8px;
  border: solid 2px var(--lightblue);
  background-color: #f8f8f8;
  margin-left: 10px;
}

.document-temp select {
  color: #1c2429;
  border: 0;
  background-position: 60px !important;
  font-size: 13px;
  font-weight: 400;
  padding-right: 24px;
  border-right: 1px solid rgba(117, 117, 117, 0.44);
  background-color: transparent !important;
}

.document-temp .select2-container--bootstrap .select2-selection {
  background-color: transparent;
  border: 0;
  font-size: 13px;
  padding: 0;
  text-align: left;
  height: auto;
}

.document-temp .select2-container--bootstrap .select2-selection .select2-selection__arrow {
  line-height: 1;
}

.document-temp .select2-container--bootstrap .select2-selection .select2-selection__arrow b {
  background: url("../images/dropdown-menu-icon.png") no-repeat !important;
  height: 10px;
  left: 0;
  margin-left: -16px;
  position: absolute;
  top: 7px;
  width: 10px;
  background-size: 9px !important;
}

.document-temp-candidate,
.document-temp-files {
  vertical-align: middle;
}

.document-temp-candidate {
  border-right: solid 2px var(--lightblue);
  margin-right: 6px;
  padding-right: 6px;
}

.document-temp-candidate select.form-control:focus,
.document-temp select:focus {
  outline: none;
  border: none !important;
  box-shadow: none;
}

.document-temp select {
  padding: 0;
  height: auto !important;
  width: 100px;
  border: 0 !important;
  background-position: right !important;
}

.document-temp-files-drop-down .button > span {
  background-repeat: no-repeat;
  padding-left: 18px;
  background-position: left;
  padding-right: 10px;
  font-size: 13px;
  background-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 86px;
  display: inline-block;
  vertical-align: middle;
}

.document-temp-files-drop-down {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: left;
}

.document-temp-files-drop-down select {
  display: none;
}

.document-temp-files-drop-down .select-list {
  position: absolute;
  top: 175%;
  z-index: 1;
  padding: 0;
  background-color: var(--white);
  right: -15px;
}

.document-temp-files-drop-down .select-list li {
  display: none;
  cursor: pointer;
}

.document-temp-files-drop-down .select-list li span {
  display: block;
  width: 100%;
  background-position: left 10px center;
  background-repeat: no-repeat;
  font-size: 13px;
  text-align: left;
  color: #333333;
  padding: 5px 5px 5px 35px;
  background-size: 17px;
  min-height: 26px;
  min-width: 150px;
  line-height: 26px;
}

.document-temp-files-drop-down .select-list li span:hover,
.document-temp-files-drop-down .select-list li span:focus {
  opacity: 1;
}

.document-temp-files {
  line-height: 1;
}

.document-temp-files-drop-down .select-list li:hover span,
.document-temp-files-drop-down .select-list li.active span {
  background-color: #e7f3ff;
  color: #0fa7ff;
}

.document-temp-files-drop-down .button .select-list-link {
  background-image: url(../images/dropdown-menu-icon.png);
  height: 10px;
  width: 10px;
  font-size: 0;
  display: inline-block;
  background-size: 9px;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: absolute;
  top: 7px;
  right: -4px;
}

.document-temp-files-drop-down .button {
  cursor: pointer;
}

.col-md-3.offset-0-4 {
  -ms-flex: 0 0 17%;
  flex: 0 0 17%;
  max-width: 17%;
}

.col-md-9.offset-0-6-add {
  -ms-flex: 0 0 83%;
  flex: 0 0 83%;
  max-width: 83%;
}

.bg-gray {
  background-color: #eceff1;
}

.border-top-6 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.border-bottom-6 {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* .custom_modal_witclose .modal-content .modal-body label.black-text {
    color: #404040;
} */
.border-bottom-6 {
  border: 1px solid #eceff1;
}

.custom-control-label.middle-box {
  vertical-align: middle;
  line-height: 1.4 !important;
}

.custom-control-label.middle-box::before,
.custom-control-label.middle-box::after {
  top: 0;
  width: 20px;
  height: 20px;
}

.custom-control-label.middle-box::after {
  left: 0;
  background: no-repeat 60%/60% 60%;
}

.custom-control-label.middle-box.dark-text {
  color: #455a64 !important;
  font-size: 15px !important;
}

.blue-text {
  color: #0fa7ff;
}

.red-text {
  color: #ff5b64;
}

.darkblue-text {
  color: #757575;
}

.mr-20 {
  margin-right: 20px;
}

.gray-text {
  color: #afb6bf;
}

/* candidate view mode ends*/
/* candidate mailshot starts */
.mailshot_general_table thead {
  background-color: #eceff1;
}

.mailshot_general_table thead tr th {
  padding: 8px 20px;
}

.mailshot_general_table thead tr th {
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  text-transform: uppercase;
}

.mailshot_general_table tbody tr td {
  padding: 15px 20px;
  border-bottom: 1px solid #d5dce0;
  color: #455a64 !important;
}

.mailshot_general_table tr .custom-control-label::before,
.mailshot_general_table tr .custom-control-label::after {
  left: 0;
  top: 2.3px;
}

.mailshot_general_table tbody tr:last-child td {
  border-bottom: 0;
}

/* candidate mailshot ends */
/* client mailshot ends */
#showspecificcontact_wrapper .tab-details {
  background-color: var(--white);
}

.contactcriteria_tabsdetail {
  /* padding: 20px 10px 0px; */
  padding: 15px 0px 0px;
  min-height: 280px;
}

#showspecificcontact_wrapper .nav-tabs .nav-link.active:after {
  bottom: 2px;
}

#showspecificcontact_wrapper .tab-links .nav-tabs {
  padding-left: 15px;
  padding-right: 15px;
}

/* client mailshot ends */
/* .table_sort_data {
    padding: 6px 24px 6px 8px !important;
    border: 1px solid #eceff1;
    margin-bottom: 1rem;
    color: rgba(106, 110, 115, 0.73);
    font-size: 13px;
} */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  background-position: 96% !important;
}

.select2 {
  width: 100% !important;
}

/* vanacy list css starts */
.title-header-links {
  text-align: right;
}

.title-header-links .title-links {
  line-height: normal;
  transition: 0.2s ease-in-out;
  display: inline-block;
}

.title-header-links .title-links:hover {
  opacity: 0.7;
  color: #2843df;
  transition: 0.2s ease-in-out;
}

.primary_blue_color,
.maintainance_dropmenu .active_link,
.seconddropdown .dropdown-menu .active_link {
  color: #2843df !important;
}

.secondary_blue_color {
  color: #08104d;
}

.primary_lightblue_color {
  color: #0fa7ff;
}

.more_btn {
  min-width: 83px;
  border-radius: 4px;
  text-align: center;
  padding: 0px 10px;
  height: 36px;
  line-height: 36px !important;
}

.primary_blue_bg {
  background-color: #2843df;
}

.secondary_blue_bg {
  background-color: #08104d;
}

.gray_bg {
  background-color: var(--lightblue);
}

.white-text {
  color: var(--white) !important;
}

/*.title-links.primary_blue_bg:hover {
    background-color: $secondaryBlue;
}*/
.dropdown-menu {
  padding: 0px 0px;
  border-radius: 4px;
  border: none;
  background-color: var(--white);
  min-width: 200px;
  box-shadow: 0 0 24px 6px rgba(8, 16, 77, 0.12);
  margin-top: 16px;
  white-space: normal;
}

.dropdown-menu.records_dropdown {
  left: 16px !important;
}

.dropdown-item {
  /*color: #404040;*/
  color: #666a80;
  padding: 15px;
  letter-spacing: 0.86px;
  font-size: 14px;
  font-weight: 450;
  white-space: normal;
}

.dropdown-item.border-bottom {
  border-bottom: 1px solid #eceff1 !important;
}

.dropdown-item.border-bottom + .dropdown-item.border-bottom:last-child {
  border-bottom: 0 !important;
}

/* .dropdown-item.border-bottom:last-child {
    border-bottom: 0 !important;
}
.dropdown-item:hover {
   color: $primaryBlue;
    background-color: transparent;
}*/
.header-bg thead {
  background-color: var(--lightblue);
}

.table-pad thead tr th,
.table-pad tbody tr td {
  padding: 10px 14px;
}

.modal-body .custom-control-label {
  margin: 0 !important;
}

.new_table_style thead tr th {
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #666a80;
  padding: 19px 8px;
  word-break: break-word;
}

.contact_log_table.new_table_style tbody tr td {
  vertical-align: top;
}

.new_table_style tbody tr td:first-child {
  padding-left: 16px !important;
}

.new_table_style tbody tr td.pad-l-0 {
  padding-left: 0px !important;
}

.new_table_style tbody tr td .custom-control-label {
  color: #666a80;
  font-weight: 400;
}

.new_table_style tr {
  min-height: 54px;
}

.new_table_style thead tr th,
.new_table_style tbody tr td {
  line-height: normal;
}

.new_table_style thead tr th .custom-control-label {
  font-size: 13px !important;
  font-weight: bold;
  letter-spacing: 1px;
  color: #666a80;
}

.new_table_style tbody tr td {
  font-size: 12px;
  color: #666a80;
  letter-spacing: 0.5px;
  padding: 14px 8px;
  word-break: break-word;
}

.new_table_style tbody tr:nth-child(even) {
  background-color: var(--lightblue);
}

.primary_red_color {
  color: var(--primaryred);
}

.table-border-gray tr {
  border-bottom: solid 1px #e8ebef;
}

.table-border-gray tr:last-child {
  border-bottom: 0;
}

.bootstrap-timepicker table td a {
  position: relative;
}

.bootstrap-timepicker i.icon-chevron-up {
  background-image: url(../images/cal_prev.svg);
}

.bootstrap-timepicker i.icon-chevron-down {
  background-image: url(../images/cal_next.svg);
}

.bootstrap-timepicker table td a i {
  background-size: 8px;
  position: absolute;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: relative;
  height: 22px;
  width: 22px;
  background-position: center;
  transform: rotate(90deg);
  display: block;
}

.table-pb-12 tr td {
  padding: 8px 8px 8px;
}

.table-pb-12 tr td:first-child {
  padding-left: 16px;
}

.table-pb-12 tr td:last-child {
  padding-right: 16px;
}

.total-cost tfoot tr {
  border-top: 2px solid var(--lightblue);
}

.total-cost tfoot tr td {
  font-weight: bold;
  font-size: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.add_contact_emailbtn {
  position: absolute;
  right: 8px;
  top: 0;
  height: 44px;
  /* height: 100%; */
  width: 32px;
  cursor: pointer;
}

.add_contact_emailbtn img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pl-22 {
  padding-left: 22px;
}

.table-pt-10 tr td {
  padding: 10px 0 0 !important;
}

.table-border-top tr {
  border-top: 1px solid #dee2e6;
}

.contract-table {
  margin-top: 10px;
}

.contract-table:first-child {
  margin-top: 0;
}

/* vanacy list css ends */
/* contract css starts */
.width-50 {
  width: 50px;
}

.primary_black_color {
  color: #404040;
}

.primary_blue_color_hover:hover {
  color: #2843df;
}

#shareContractModel {
  padding: 0 !important;
}

#shareContractModel .modal-dialog {
  width: calc(100% - 20px);
}

.modal-dialog.width-1000 {
  max-width: 1000px;
}

.modal-dialog.width-1100 {
  max-width: 1100px;
}

.modal-dialog.width-1200 {
  max-width: 1200px;
}

.modal-dialog.width-1400 {
  max-width: 1400px;
}

.modal-dialog.width-1600 {
  max-width: 1600px;
}

.modal-dialog.width-450 {
  max-width: 450px;
}

.modal-dialog.width-500 {
  max-width: 500px;
}

.modal-dialog.width-600 {
  max-width: 600px;
}

.modal-dialog.width-800 {
  max-width: 800px;
}

.model-dialog.height-600 {
  max-height: 600px !important;
}

.table-pad-10 thead tr th,
.table-pad-10 tbody tr td {
  padding: 10px 10px;
}

/* .table-pad-17 thead tr th,
.table-pad-17 tbody tr td {
  padding: 17px 10px;
} */
.table-style-modal thead tr th {
  font-weight: bold;
  color: #404040;
  font-size: 12px;
}

.table-style-modal tbody tr td {
  color: #455a64;
  font-size: 13px;
}

/* .custom_modal_witclose .modal-content .modal-body label.middle-align {
    vertical-align: middle;
} */
.table-border-gray.table-style-modal tr:last-child {
  border-bottom: solid 1px #e8ebef;
}

.breadcrum-section {
  /*background-color: #0a8dd8;*/
  background-color: var(--white);
  padding: 10px 16px;
  height: 50px;
  display: flex;
  align-items: center;
}

.breadcrum-section ul {
  line-height: 1;
}

.breadcrum-section ul li {
  display: inline-block;
  margin-right: 10px;
}

.breadcrum-section ul li a,
.breadcrum-section ul li {
  color: #666a80;
  font-size: 12px;
  font-weight: 500;
  vertical-align: middle;
}

.breadcrum-section ul li .active_bread,
.breadcrum-section ul li a:hover {
  color: #2843df;
}

.breadcrum-section a[href="#"] {
  cursor: default;
  pointer-events: none;
}

.no-data {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  font-size: 14px !important;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice,
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
input:disabled {
  /* background-color: #eceff1; */
  background-color: #eaecfc;
}

.table-content:not(.editable-paymentdetailsinfo) .border-check.checkbox label input[type=checkbox][disabled] + .checkbox-decorator .check,
.table-content:not(.editable-jobdetailsinfo) .border-check.checkbox label input[type=checkbox][disabled] + .checkbox-decorator .check,
.border-check.checkbox label input[type=checkbox][disabled] + .checkbox-decorator .check {
  border-color: #eceff1;
}

.radio.width-height-20 input[type=radio] + .radio-label:before {
  border: 1px solid #b4b4b4;
  width: 20px;
  height: 20px;
  top: 3px;
}

.radio.width-height-20 input[type=radio]:checked + .radio-label:before {
  background-color: #404040;
  box-shadow: inset 0 0 0 3px #f4f4f4;
  border-color: #404040;
}

/* .custom_modal_witclose .modal-content .modal-body label.font-15, */
.font-15 {
  font-size: 15px;
}

.grayboxborder {
  border-radius: 4px;
  border: solid 1px #eceff1;
  width: 100%;
  padding: 8px 8px;
}

.grayboxborder {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
}

.grayboxborder label {
  font-size: 12px;
  color: #404040;
}

.blue-checkbox input[type=radio] + .radio-label:before {
  border: solid 2px #ebebeb;
}

.blue-checkbox input[type=radio]:checked + .radio-label:before {
  background-color: #2843df;
  box-shadow: inset 0 0 0 2px #f4f4f4;
  border-color: #2843df;
}

.perday_table {
  border-radius: 8px;
  border: solid 2px var(--lightblue);
  padding: 10px 6px;
}

.perday_table table tr td {
  padding: 8px 6px;
}

label.middle-align {
  vertical-align: middle;
}

span.counter {
  float: right;
  padding-left: 10px;
}

/* contract css ends */
/*timesheet module css starts */
.gray-bg {
  background-color: #eceff1;
}

.list-style-round li {
  list-style: disc;
}

.amendment-box ul {
  padding-left: 15px;
  margin-left: 15px;
}

.amendment-box ul li,
.no-result {
  color: rgba(106, 110, 115, 0.73);
}

.no-result {
  text-align: center;
  padding: 20px 0;
}

button.selectfile_button {
  width: 150px;
  height: 40px;
  border-radius: 4px;
  background-color: #eceff1;
  color: #343638;
  font-size: 14px;
}

.fileupload_btn input[type=file] {
  opacity: 0;
  width: 150px;
  z-index: 2;
  position: relative;
  cursor: pointer;
  padding: 20px;
}

.selectfile_button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.fileupload_btn {
  position: relative;
}

.timesheet-profile .tab-details {
  height: auto;
}

.mr-20 {
  margin-right: 20px;
}

.timesheet-profile {
  height: 100%;
  min-height: 100vh;
}

.timesheet-profile .tab-details {
  height: 100%;
  min-height: calc(100vh - 192px);
}

.table-pad-5 thead tr th,
.table-pad-5 tbody tr td {
  padding: 5px;
}

.select2_wrapper .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 5px;
}

.select2_wrapper .select2-selection--multiple input.select2-search__field {
  background: transparent !important;
  padding: 0 12px !important;
  height: 28.6px;
  line-height: 1.42857143;
  margin-top: 0 !important;
  min-width: 5em;
  font-size: 12px !important;
}

.select2_wrapper .select2-container .select2-selection.select2-selection--multiple {
  min-height: 44px;
  border: solid 2px var(--lightblue);
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
}

.select2_wrapper span.dropdown-wrapper {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select2-container .select2-selection--multiple .select2-search--inline {
  float: left;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 0 0px 0 5px;
}

.select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove {
  margin-left: 5px;
  font-size: 24px;
  vertical-align: middle;
  color: #08104d !important;
  font-weight: 400 !important;
}

.select2-selection--multiple .select2-selection__choice {
  max-width: calc(100% - 20px);
  word-break: break-all;
  border-radius: 4px !important;
  background-color: #eaecfc !important;
  border: 0 !important;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  white-space: normal;
  flex-wrap: nowrap;
  line-height: 20px;
  padding: 5px !important;
  margin: 5px 7px 5px 5px !important;
  color: #08104d !important;
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: 0.8px;
  word-break: break-word;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
}

.select2-container .select2-selection--multiple .select2-selection__rendered span.select2-selection__clear {
  position: absolute;
  right: 10px;
  font-size: 22px;
  top: 8px;
  color: #cb3626;
  font-weight: 500;
  margin: 0;
  text-align: center;
  width: 20px;
  padding-right: 4px;
  background: var(--light);
}

.select2_wrapper .select2-selection--multiple input.select2-search__field:focus {
  border: none !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  width: unset !important;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.select2-dropdown {
  border-color: #eceff1;
}

/*timesheet module css ends */
/*interview module css ends */
.font-13 {
  font-size: 13px !important;
}

.width-144 {
  min-width: 144px;
}

.height-32 {
  line-height: 32px;
}

.height-36 {
  min-height: 36px;
}

.height-44 {
  min-height: 44px;
}

.max-height-44 {
  max-height: 44px;
}

.border-radius2 {
  border-radius: 4px;
}

.candidate-list .main-content-header table tr td .signature {
  max-width: 100%;
  width: auto;
  height: 44px;
}

.add_img input {
  padding-right: 32px;
}

.dot_image {
  padding-left: 15px;
}

.dot_image label::before {
  background-image: url("../images/dot.svg");
  content: "";
  left: -15px;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 8px;
}

.top-10 {
  top: 10px;
}

.text-pad-36 input {
  padding-right: 36px;
}

/*interview module css ends */
/* task css starts */
.width-98 {
  min-width: 98px;
}

.border-radius-2 {
  border-radius: 4px;
}

.todayfilter label {
  color: rgba(52, 54, 56, 0.5);
}

/* task css starts */
/* analytics and analysis starts*/
.main .left-section .header-top .dropdown-menu .dropdown-item.dropdown-submenu.has-submenu {
  position: relative;
}

.width-98 {
  min-width: 98px;
}

.height-40 {
  min-height: 40px !important;
}

.border-radius-2 {
  border-radius: 4px;
}

.todayfilter label {
  color: rgba(52, 54, 56, 0.5);
}

/* task css starts */
/* analytics and analysis starts*/
.main .left-section .header-top .dropdown-menu .dropdown-item.dropdown-submenu.has-submenu {
  position: relative;
}

.main .left-section .header-top .dropdown-menu .dropdown-item.dropdown-submenu.has-submenu::after {
  display: inline-block;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.main .left-section .header-top .dropdown-menu {
  width: 250px;
}

.main .left-section + .dropdown-menu .dropdown-menu.second-menu li {
  margin: 0;
}

.main .left-section + .dropdown-menu .dropdown-menu.second-menu li a:hover {
  margin: 0;
  background-color: "#EAEDFC";
  color: var(--primaryblue);
}

.main .left-section + .dropdown-menu .dropdown-menu.second-menu .dropdown-item:last-child {
  margin-bottom: 0;
}

.main .left-section .header-top .dropdown-menu .dropdown-item.dropdown-submenu.has-submenu[aria-expanded=true]::after {
  right: 15px !important;
}

.main .left-section .header-top .dropdown-menu .dropdown-item.dropdown-submenu.has-submenu::after {
  background-image: url(../images/arrow-bottom.svg);
  width: 12px !important;
  height: 7px !important;
  background-color: transparent !important;
  border: none !important;
  border: none !important;
  top: 50% !important;
  transform: translateY(-50%);
  border-radius: 0 !important;
}

.fixheight-37 {
  height: 37px;
}

.top-8 {
  top: 8px;
}

.white-border {
  border: 1px solid var(--white);
}

.width-16 {
  width: 16px !important;
}

.main .left-section .header-top .side-nav.show strong {
  transform: rotate(0deg);
}

/* analytics and analysis ends*/
/* settings page css starts */
.setting_wrapper .main-content {
  padding-top: 59px;
}

.setting_wrapper .main-content,
.setting_wrapper .tab-details {
  height: 100%;
  min-height: calc(100vh - 155px);
}

.setting_wrapper .tab-links ul li a {
  padding: 12px 18px !important;
}

.letter-space-1 {
  letter-spacing: 1px;
}

.apployalitytable_1 thead {
  background-color: #f8f8f8;
}

.apployalitytable_1 thead th,
.apployalitytable_1 tbody td {
  padding: 8px 10px !important;
}

.apployalitytable_1 thead label,
.apployalitytable_1 thead p {
  color: #343638;
}

.apployalitytable_1 thead label,
.apployalitytable_1 thead p,
.apployalitytable_1 tbody p {
  color: #343638;
}

.apployalitytable_1 thead label,
.apployalitytable_1 thead p,
.apployalitytable_1 tbody p {
  margin-bottom: 0px;
  font-size: 13px;
}

.apployalitytable_1 thead p {
  font-weight: 600;
}

.request_wrapper .main-content {
  padding-top: 50px;
}

.pwd_errormsg {
  color: var(--primaryred);
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  letter-spacing: 0.8px;
}

.pwd_confm input {
  padding-right: 220px;
}

textarea:disabled {
  background-color: #eceff1;
}

.document-temp-candidate .select2 {
  width: 98.6px !important;
}

/* settings page css ends */
.mt-50 {
  margin-top: 50px !important;
}

.height_104 {
  height: calc(100vh - 104px) !important;
}

/* Diary Calendar Css Start */
#diary_calendar .fc-header td {
  background-color: #eceff1;
  width: 100%;
  padding: 12px 20px 12px 20px;
  position: relative;
  margin: 0 !important;
}

#diary_calendar h2.fc-toolbar-title {
  font-size: 18px !important;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #343638;
  padding: 0;
}

#diary_calendar .fc-scroller-harness {
  width: 100%;
  box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.05);
  z-index: 2;
  position: relative;
}

#diary_calendar .fc-scroller-harness .fc-col-header .fc-col-header-cell {
  border: 0;
}

#diary_calendar .fc-scroller-harness .fc-col-header .fc-col-header-cell .fc-col-header-cell-cushion {
  font-size: 13px;
  color: #343638;
  font-weight: 500;
  padding: 10px 25px;
}

#diary_calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-primary {
  display: none !important;
}

#diary_calendar .fc-view-harness .fc-scrollgrid {
  border: 0;
}

#diary_calendar .fc-daygrid-day-frame .fc-daygrid-day-top {
  flex-direction: column;
}

.dairy_wrapper .detailtopheader {
  z-index: 3;
}

.dairy_wrapper .main-content {
  padding-top: 67px;
}

.title-header-links .title-links.close_btn,
.title-header-links.opned_search .title-links.search_btn {
  display: none;
}

.title-header-links.opned_search .title-links.close_btn {
  display: inline-block;
}

.rotate-45 {
  transform: rotate(45deg);
}

/*.maintainance-section .candidate-detail-header {
    background-color: var(--lightblue);
}*/
.bluedot {
  width: 13px;
  height: 13px;
  background-color: #2843df;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: var(--white);
  border-color: #2843df;
  background-color: #2843df;
}

.more-btn i,
.more_btn i {
  margin-left: 5px;
}

.ml-7 {
  margin-left: 7px;
}

.remove_field img,
.add_sector_button img {
  height: 17px;
}

/* Diary Calendar Css Ends */
/*Added by priya from invoice module file*/
.title-header-links .title-links.close_btn,
.title-header-links.opned_search .title-links.search_btn {
  display: none;
}

.title-header-links.opned_search .title-links.close_btn {
  display: inline-block;
}

.rotate-45 {
  transform: rotate(45deg);
}

/*.maintainance-section .candidate-detail-header {
    background-color: var(--lightblue);
}
  .bluedot {
      width: 13px;
      height: 13px;
      background-color: $primaryBlue;
      display: inline-block;
      vertical-align: middle;
      border-radius: 100%;
  }*/
.custom-control-input:checked ~ .custom-control-label::before {
  color: var(--white);
  border-color: #2843df;
  background-color: #2843df;
}

.more-btn i {
  margin-left: 5px;
}

.spin-element {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* 24-09-2020 starts */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 100%;
  padding: 6px 24px 6px 12px;
  line-height: 32px;
  font-size: 13px;
}

/* .select2-container--default .select2-selection--single {
  height: 44px;
  border-radius: 3px !important;
  border: solid 1px #eceff1;
  padding: 0;
} */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 12px;
  top: 0;
  width: 4px;
  height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  /* background: url(../images/dropdown-arrow.png) no-repeat !important;
  background-size: 23px !important; */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 20px;
  left: 0;
  margin-left: -16px;
  position: absolute;
  top: 15px;
  width: 20px;
  border: 0;
}

/* select.form-control.select2-single {
  height: 44px;
  font-size: 13px;
  border-radius: 3px !important;
  border: solid 1px #eceff1;
} */
.topheader .logo img {
  /* max-width: 137px; */
  height: 34px;
  margin: 0px 5px !important;
}

.radio-label.font-11 {
  font-size: 11px;
}

#un_session_list li .close-icon {
  top: 50%;
  transform: translateY(-50%);
  /* width: 16px;
  height: 16px;
  background-color: #666a80;
  border-radius: 4px; */
  text-align: center;
}

/* #un_session_list li .close-icon img {
  width: 6px;
  top: -1px;
  position: relative;
} */
#un_session_list li a {
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
}

#un_session_list li {
  padding: 8px 0;
}

.remove_semail img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 13px;
}

.remove_semail {
  /* height: 100%;
  top: 0; */
  top: 22px;
}

select#opc_dropdown {
  margin-top: 15px;
  font-size: 12px;
  height: 44px !important;
  border: solid 2px var(--lightblue);
  padding: 5px 15px !important;
}

.width-120 {
  min-width: 120px;
}

.scrolable_content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 246px;
}

/* .commom_blue_btn,
.button_style1{
  background-position: center;
  transition: background 0.8s;
}
.commom_blue_btn:hover,
.button_style1:hover{
  background: $secondaryBlue radial-gradient(circle, transparent 1%, $secondaryBlue 1%) center/15000%;
}
.commom_blue_btn:active,
.button_style1:active{
  background-color: var(--lightblue);
  background-size: 100%;
  transition: background 0s;
} */
.commom_blue_btn,
.button_style1,
.commom_blue_btn:hover,
.button_style1:hover,
.lightgray-btn,
.commom_gray_btn,
.lightgray-btn:hover,
.commom_gray_btn:hover,
.commom_blue_btn.secondary_blue_bg,
.commom_blue_btn:active,
.button_style1:active {
  transition: 0.2s ease-in-out;
}

.commom_blue_btn,
.maintainance-section .maintenance_blue_btn {
  border: 2px solid #2843df !important;
}

.commom_blue_btn:not(.no-hover):hover,
.maintainance-section .maintenance_blue_btn:hover {
  background-color: transparent;
  color: #2843df !important;
}

.commom_blue_btn:active,
.maintainance-section .maintenance_blue_btn:active {
  background-color: #2843df !important;
  color: var(--white) !important;
}

.lightgray-btn,
.commom_gray_btn,
.maintainance-section .maintenance_gray_btn {
  border: 2px solid var(--lightblue) !important;
}

.lightgray-btn:hover,
.commom_gray_btn:hover,
.maintainance-section .maintenance_gray_btn:hover {
  background-color: transparent !important;
  border: 2px solid #666a80 !important;
  color: #666a80 !important;
}

.lightgray-btn:active,
.commom_gray_btn:active,
.maintainance-section .maintenance_gray_btn:active {
  background-color: var(--lightblue) !important;
  border: 2px solid var(--lightblue) !important;
  color: #666a80 !important;
}

.commom_blue_btn.secondary_blue_bg {
  border: 2px solid #08104d !important;
}

.commom_blue_btn.secondary_blue_bg:hover {
  color: #08104d !important;
}

.options li a:hover {
  color: #2843df;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  /* height: 100%;
  bottom: 0; */
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
  bottom: unset;
  font-weight: 400;
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  color: #2843df;
  opacity: 1;
}

.tab-details table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.maintainance-section.add_user_section.con_main .table-content {
  padding-right: 15px;
  padding-left: 15px;
}

/* .maintainance-section.add_user_section.con_main .table-content .row > div {padding: 0;} */
.maintainance-section.con_main .main-content-header table tbody tr td {
  padding-right: 0;
  padding-left: 0;
}

/* .maintainance-section.add_user_section .box {
  padding: 0;
}
.maintainance-section.add_user_section .box .tab-content {
  background: #d5dce0;
  padding: 20px;
}
.maintainance-section.add_user_section .box .tab-content .tab-pane {
  background-color: var(--white);
  padding: 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}
.maintainance-section.add_user_section .box .stepper {
  background-color: var(--lightblue);
}
.maintainance-section.add_user_section .box .stepper #usertab .nav-item a {
  color: #1c2429;
}
.maintainance-section.add_user_section .box .stepper #usertab .nav-item a.active {
  color: $primaryBlue;
}
.maintainance-section.add_user_section .box .stepper #usertab li {
  display: inline-block;
} */
.candidate-detail-header .left-section .right-detail h2 {
  text-transform: capitalize;
}

a {
  color: #2843df;
  text-decoration: none;
  background-color: transparent;
}

.chart-head h2.chart-title {
  margin-left: 5px;
}

.maintainance-section.rates_shift_wrapper .tab-details,
.maintainance-section.job_wrapper .tab-details,
.maintainance-section.add_blog_wrapper .tab-details,
.maintainance-section.edit_blog_wrapper .tab-details,
.maintainance-section.client_section_rates .tab-details,
.maintainance-section.edit_shift_rates .tab-details,
.maintainance-section.edit_shiftrates .tab-details {
  margin-top: 50px;
}

#dataTable {
  width: 100% !important;
}

select {
  width: 100%;
  height: 44px;
  padding: 5px 15px;
  font-size: 12px;
  outline: none;
  transition: all 0.3s ease 0s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
}

.candidate-drawer .tab-details div#myTabContent {
  height: calc(100vh - 276px);
  overflow-y: auto;
  overflow-x: hidden;
}

.table_sort_data p {
  margin: 0;
}

.right-section .task-list .right .font-18 {
  font-size: 16px;
}

.right-section .task-list .right .width-24 {
  color: #1c2429;
}

.right-section .task-list .right .width-24:hover {
  color: #2843df;
}

/* .sidebar.candidate-drawer a.close-search {
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 1;
  background-color: var(--primaryred);
  border-radius: 50%;
  height: 24px;
  width: 24px;
  text-align: center;
}
.sidebar.candidate-drawer a.close-search img {
  width: 19px;
  top: -1px;
  position: relative;
} */
/* Diary Calendar Css Start */
#diary_calendar .fc-header td {
  background-color: #eceff1;
  width: 100%;
  padding: 10px 20px 0px 20px;
  position: relative;
  margin: 0 !important;
}

#diary_calendar .fc-header-title h2 {
  font-size: 15px !important;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #343638;
  padding: 0;
  margin-bottom: 15px;
}

#diary_calendar .fc-border-separate thead {
  width: 100%;
  /* box-shadow: 0 16px 20px 0 rgb(0 0 0 / 5%); */
  z-index: 2;
  position: relative;
  background-color: var(--lightblue);
}

#diary_calendar .fc-widget-header {
  border: 0;
}

#diary_calendar .fc-widget-header {
  padding: 16px 25px;
  font-size: 14px;
  color: #666a80;
  font-weight: 500;
}

#diary_calendar .fc-header-right {
  display: none !important;
}

#diary_calendar .fc-widget-header {
  border: 0;
}

#diary_calendar .fc-daygrid-day-frame .fc-daygrid-day-top {
  flex-direction: column;
}

.dairy_wrapper .detailtopheader {
  z-index: 3;
}

.dairy_wrapper .main-content {
  padding-top: 67px;
}

.fc-grid .fc-day-number {
  float: left !important;
  padding: 2px 2px !important;
}

/* Diary Calendar Css Start */
.user-chat .user-chat-heading .chat-actions a img {
  filter: brightness(0) invert(1);
  max-width: 100%;
}

.chatbox.chat-expanded .expand-chat img {
  transform: rotate(180deg);
}

.chat-actions a.expand-chat img {
  width: 21px;
}

.chat-actions .dropdown-menu a {
  line-height: normal;
}

textarea {
  width: 100%;
}

.datepicker-days th.datepicker-switch {
  text-align: center;
  font-size: 14px;
}

.datepicker-days thead th {
  padding-top: 8px;
  padding-bottom: 8px;
}

.datepicker-days th.dow {
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 500;
  color: #2843df;
  border: none !important;
}

.datepicker-days td.day {
  padding: 8px 6px !important;
  text-align: center;
  font-size: 13px;
}

.datepicker-days td.active.day {
  background-color: #2843df;
  color: var(--white);
}

.datepicker-days thead th.prev,
.datepicker-days thead th.next,
.datepicker-days td.day {
  cursor: pointer;
}

.datepicker-days thead tr:first-child th {
  border: 0;
}

.datepicker-dropdown.datepicker-orient-top::before {
  border-top-color: #fff !important;
  top: -6px !important;
}

.datepicker-dropdown.datepicker-orient-top::after,
.datepicker-dropdown.datepicker-orient-bottom::after {
  display: none;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: 100% !important;
  border-bottom-color: #fff !important;
}

.datepicker.datepicker-dropdown .datepicker-days td.new.day,
.datepicker.datepicker-dropdown .datepicker-days td.old.day {
  opacity: 0.5;
  pointer-events: none;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  opacity: 0.5;
}

.table_sort_data.sorting_disabled {
  padding: 5px 8px !important;
}

.vh-100-94 {
  min-height: calc(100vh - 94px);
}

.list_with_breadcrum .breadcrum-section,
.list_with_breadcrum .detailtopheader {
  position: fixed;
  /* max-width: calc(100% - 212px); */
  width: 100%;
  z-index: 3;
}

.list_with_breadcrum .breadcrum-section {
  padding-bottom: 5px;
  padding-top: 5px;
  top: 54px;
}

.list_with_breadcrum .detailtopheader {
  top: 88px;
  padding-top: 0;
  padding-bottom: 10px;
}

.list_with_breadcrum .main-content {
  padding-top: 80px;
}

/*.candidate-detail-header.client_header_wrapper{
  height: auto;
  min-height: 96px;
}
 .candidate-detail-header.client_header_wrapper .left-section{
  width: 70%;
}
.candidate-detail-header.client_header_wrapper .right-section{
  width: calc(30% - 5px);
}
.candidate-detail-header.candidate_header_wrapper .left-section{
  width: 58%;
}
.candidate-detail-header.candidate_header_wrapper .right-section{
  width: calc(42% - 5px);
} */
p#opc_error_message {
  font-size: 12px;
  color: var(--primaryred);
}

.candidate-list .detailtopheader .right .primary_blue_bg,
.candidate-detail-header .right-section .more-btn {
  background-position: center;
  transition: background 0.6s;
}

/* .candidate-list .detailtopheader .right .primary_blue_bg:hover,
.candidate-detail-header .right-section .more-btn:hover{
  background: background radial-gradient(circle, transparent 1%, $primaryBlue 1%) center/15000%;
} */
.candidate-list .detailtopheader .right .primary_blue_bg:active,
.candidate-detail-header .right-section .more-btn:active {
  background-color: var(--lightblue);
  background-size: 100%;
  transition: background 0s;
}

/* .list_with_breadcrum .main-content,
.list_with_breadcrum .detailtopheader{
    padding-top: 0;
}
.list_with_breadcrum .detailtopheader{
  position: relative;
  width: 100%;
  max-width: none;
}
 */
/* 24-09-2020 starts */
.related_branch_link.font-15 {
  font-size: 15px;
  vertical-align: middle;
}

.search-form .submit_btn * {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  text-align: center;
  cursor: pointer;
  border: 0;
  width: 20px;
  /*height: 24px; */
  background-color: transparent;
}

.search-form {
  position: relative;
  width: 0%;
  min-width: 24px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  transition: width 1s;
}

.search-form input.search-form-input {
  border: none;
  outline: none;
}

.search-form.expand-form {
  width: 100%;
  max-width: 380px;
}

.search-form.expand-form input.search-form-input {
  border: solid 1px #eceff1;
}

.more-btn.black-text {
  color: #666a80 !important;
}

.dropdown-item input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 999999;
  cursor: pointer;
  text-indent: -113px;
}

.commom_red_btn {
  max-width: 162px;
  /* height: 48px;
  line-height: 48px; */
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  width: 100%;
  padding: 10px 16px;
}

.commom_red_btn {
  background-color: var(--primaryred);
  display: inline-block;
  border: 2px solid var(--primaryred);
  color: var(--white);
}

.commom_red_btn:hover {
  background-color: transparent;
  color: var(--primaryred);
}

.w-200 {
  width: 200px;
  max-width: none;
}

input#attachment,
input#image {
  opacity: 0;
}

#sendmailshotModal #attachment,
#addMailshotModal #attachment {
  opacity: 1;
}

table.dataTable.m-0 {
  margin-top: 0 !important;
}

.dataTables_filter input.form-control {
  border-radius: 3px !important;
  border: solid 1px #eceff1 !important;
  height: 36px;
  min-width: 280px;
}

.dataTables_filter label {
  color: rgba(106, 110, 115, 0.73);
  font-size: 14px;
}

.paging_simple_numbers .pagination li.page-item a {
  padding-left: 0;
  padding-right: 0;
}

.paging_simple_numbers .pagination li.page-item a:focus {
  box-shadow: none;
}

.detailtopheader ul li.advaced_search .advaced_search_btn {
  padding: 3px 14px 7px;
  border-radius: 4px;
}

/* advanced search button */
.advaced_search_btn {
  position: relative;
}

.advaced_search_btn::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0px 12px;
  border-color: var(--white) transparent transparent transparent;
  display: inline-block;
  top: 35px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transform: rotate(180deg);
  transition: all 0.3s linear;
  right: -3px;
}

.advaced_search_btn.opened::before {
  visibility: visible;
  opacity: 1;
  top: 32px;
}

.advanced_search_inner {
  background-color: var(--white);
  border-radius: 4px;
  max-height: calc(100vh - 208px);
  overflow-x: hidden;
  overflow-y: auto;
}

.advanced_search_wrapper {
  position: absolute;
  background-color: var(--white);
  right: 0;
  box-shadow: 0 0 24px 6px rgba(8, 16, 77, 0.12);
  border-radius: 4px;
  z-index: 999;
  width: 850px;
  max-width: 100%;
  margin-top: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.advanced_search_wrapper .advanced_search-btns {
  display: flex;
  position: absolute;
  right: 15px;
  top: calc(50% - 10px);
  transform: translateY(-50%);
}

.advanced_search_wrapper .advanced_search-btns .advanced_search-btn {
  padding: 0 10px;
  height: 35px;
  display: grid;
  place-items: center;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.18);
  transition: all 0.2s linear;
}

.advanced_search_wrapper .advanced_search-btns .advanced_search-btn:not(:last-child) {
  margin-right: 10px !important;
}

.advanced_search_wrapper .slimScrollDiv {
  max-width: 100% !important;
  width: 100%;
}

.advanced_search_wrapper.with_fav_icon::before {
  right: 108px;
}

.advanced_search_wrapper.with_fav_downloadicon::before {
  right: 88px;
}

.advanced_search_wrapper.icon_withrefresh_only::before {
  right: 41px;
}

.advanced_search_wrapper.with_filter_only::before {
  right: 3px;
}

.advanced_search_wrapper.with_print_icon::before {
  right: 121px;
}

.advanced_search_wrapper.with_refreshicon::before {
  right: 66px;
}

.advanced_search_inner .searchtab-links {
  padding: 15px;
  margin-bottom: 10px;
  min-height: 67px;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
}

.advanced_search_inner .searchtab-links h1 {
  flex-grow: 1;
  font-stretch: normal;
  height: 37px;
  color: #08104d;
  margin: 0px !important;
  font-size: var(--mainheadingfont);
  font-weight: bold;
  letter-spacing: 1px;
}

.advanced_search_inner .searchtab-links .nav-tabs .nav-item {
  margin-right: 26px;
}

.advanced_search_inner .searchtab-links .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #2843df;
}

.advanced_search_inner .searchtab-links .nav-tabs .nav-item .nav-link {
  padding-left: 0;
  padding-right: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 500;
  padding-top: 0;
}

.advanced_search_wrapper .add_contact_emailbtn {
  height: 34px;
  width: 24px;
}

.advanced_search_wrapper .add_contact_emailbtn img {
  width: 20px;
}

.searchtab-links .nav-link {
  padding: 12px 18px;
  font-size: 13px;
  color: #1c2429;
}

.advanced_search_wrapper .advanced_search_inner .searchtab-links .nav-tabs {
  flex-grow: 1;
  border-bottom: solid 2px var(--lightblue);
}

.advanced_search_wrapper .advanced_search_inner .searchtab-links .nav-tabs.no-border {
  border: none !important;
}

.advanced_search_wrapper label {
  font-size: 12px;
  margin-bottom: 8px;
}

.advanced_search_wrapper input {
  height: 34px;
}

.advanced_search_wrapper input + img {
  width: 18px;
  height: 18px;
  top: 9px;
}

.advanced_search_wrapper .select2_wrapper .select2-container .select2-selection.select2-selection--multiple {
  min-height: 34px;
  line-height: 1;
}

.advanced_search_wrapper .select2_wrapper .select2-container .select2-selection.select2-selection--multiple .select2-search__field {
  height: 30px;
  margin-top: 0 !important;
}

.advanced_search_wrapper .select2_wrapper .select2-container .select2-selection.select2-selection--multiple .select2-selection__choice {
  margin: 6px 7px 6px 5px !important;
}

.advanced_search_wrapper .select2-selection__clear {
  margin-right: 25px !important;
  color: #999 !important;
  top: 9px !important;
}

.advanced_search_wrapper .select2_wrapper .select2-container .select2-selection.select2-selection--multiple .select2-search--inline {
  width: unset !important;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.advanced_search_wrapper .select2-container--bootstrap .select2-selection--single.height-44,
.advanced_search_wrapper .select2-container--default .select2-selection--single,
.advanced_search_wrapper .select2-container--bootstrap .select2-selection--single {
  height: 34px;
}

.advanced_search_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.advanced_search_wrapper .select2-container--bootstrap .select2-selection--single.height-44 .select2-selection__rendered {
  line-height: 18px;
}

.advanced_search_wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 10px;
}

/* advanced search button */
.searchtab-links .nav-tabs .nav-item {
  margin-right: 10px;
}

.searchtab-details {
  padding: 0 15px 15px;
}

.advanced_search_wrapper {
  display: none;
}

.searchtab-details .contactcriteria_tabsdetail {
  min-height: unset;
}

.top-6 {
  top: 6px;
}

.search_inner_wrapper {
  position: relative;
  height: 54px;
  padding: 5px 0;
  /* max-width: 550px;
  margin-left: auto; */
}

.search_inner_wrapper .tabsearchbtn {
  /* left: -60px; */
  left: 0 !important;
  right: unset !important;
  transition: 0.2s all linear;
  transition-delay: 0.4s;
}

.table_searchform .search_inner_wrapper .tabsearchbtn,
.table_searchform .search_inner_wrapper .close-icon {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0;
  height: 44px;
  border-radius: 4px;
  display: inline-block !important;
}

.table_searchform .search_inner_wrapper .close-icon {
  text-align: center;
  width: 80px;
  border-radius: 4px;
  background-color: #2843df;
  height: 32px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--white);
  font-weight: 500;
  font-size: 12px;
}

.table_searchform .search_inner_wrapper input:focus {
  box-shadow: none !important;
  border: none !important;
}

.tableheader_withsearch {
  height: 54px;
  border-bottom: solid 2px var(--lightblue);
}

/* .search_inner_wrapper .close-icon{
  right: 35px;
} */
.search_inner_wrapper .tabsearchbtn i,
.search_inner_wrapper .close-icon i {
  /* color: $primaryBlue; */
  color: #1c2429;
  font-size: 16px;
}

/* .search_wrapper {
  margin-bottom: 18px;
  margin-bottom: -5px;
} */
.table_searchform .search_inner_wrapper .tabsearchbtn {
  padding-left: 0;
  top: 3px;
}

.search_inner_wrapper input {
  font-size: 12px;
  padding-right: 36px;
  padding-left: 26px;
  border: none;
  height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
  box-shadow: none;
}

.search_inner_wrapper .close-icon img {
  width: 12px;
}

/* .search_inner_wrapper .tabsearchbtn img{
  width: 20px;
} */
/* .search_wrapper .search_inner_wrapper input:focus {
  box-shadow: none;
  border: none !important;
} */
.search_inner_wrapper .tabsearchbtn:hover i,
.search_inner_wrapper .close-icon:hover i {
  color: #243cc9;
}

.schedule-main .main_contantbox,
form#frm_fill {
  margin-bottom: 0;
}

#searchbox:not(:valid) ~ .close-icon {
  display: none;
}

.schedule-main .mycal_bottombox .shift-information,
.schedule-main .mycal_bottombox {
  padding-bottom: 0;
}

.mycal_monthe_top li {
  float: left;
  width: 14.28%;
  padding: 16px 25px;
  font-size: 14px;
  color: #666a80;
  font-weight: 500;
  user-select: none;
}

.today_cls .mycal_mb_datebox {
  /* background: #0fa7ff; */
  color: #0fa7ff;
}

.sessions_maindiv_header {
  /* background-color: #eceff1; */
  display: inline-block;
  width: 100%;
  /* padding: 8px 0; */
}

#addcandidate_schedule .sessions_maindiv_header .mycal_headerbox_left,
#addclient_schedule .sessions_maindiv_header .mycal_headerbox_left {
  padding-left: 15px;
  padding-top: 0;
}

#addcandidate_schedule .sessions_maindiv_header .mycal_headerbox_left .mycal_top_header,
#addclient_schedule .sessions_maindiv_header .mycal_headerbox_left .mycal_top_header {
  /* background-color: #eceff1; */
  background-color: transparent;
}

#addcandidate_schedule .sessions_maindiv_header .mycal_headerbox_left *,
#addclient_schedule .sessions_maindiv_header .mycal_headerbox_left * {
  margin: 0;
}

#addcandidate_schedule .sessions_maindiv_header .mycal_headerbox_left a#prev_year,
#addcandidate_schedule .sessions_maindiv_header .mycal_headerbox_left a#next_year,
#addclient_schedule .sessions_maindiv_header .mycal_headerbox_left a#prev_year,
#addclient_schedule .sessions_maindiv_header .mycal_headerbox_left a#next_year {
  padding-top: 4px;
  line-height: 1;
}

.mycal_monthe_bottom .sessions_date {
  background-color: var(--white);
}

/* .monthcalendar .calendar_topbar {
  padding: 18px 0;
} */
.monthcalendar .calendar_topbar .left_arrow_button,
.monthcalendar .calendar_topbar .calendar_title {
  float: left;
}

.monthcalendar .calendar_topbar .left_arrow_button .btn-info {
  color: #666666;
  background-color: transparent;
  border: none;
  padding: 3px 6px;
  font-size: 12px;
}

.monthcalendar .calendar_topbar .calendar_title {
  font-size: 14px;
  color: #666666;
  user-select: none;
}

.monthcalendar .calendar_topbar .left_arrow_button .btn-info#prev_month {
  margin-right: 10px;
}

.monthcalendar .calendar_topbar .left_arrow_button .btn-info#next_month {
  margin-left: 10px;
}

.yearcalendar .mycal_bottombox .shift-information {
  border-top: solid 2px var(--lightblue);
  padding-top: 15px;
}

.yearcalendar .mycal_bottombox,
.monthcalendar .mycal_bottombox {
  padding-right: 0;
  padding-left: 0;
}

.mycal_mb_box_label_box > div {
  border-radius: 4px;
}

.tool_tip_mail {
  display: none !important;
  position: absolute !important;
  background: var(--white);
  width: 320px !important;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
  text-align: left;
  text-transform: capitalize;
  box-shadow: 0 0 24px 6px rgba(8, 16, 77, 0.12);
  z-index: 7;
}

.notify_tag {
  position: relative;
  line-height: 1;
  padding: 6px 8px;
  display: inline-block;
  border: 1px solid #dc3545;
  background-color: #dc3545;
  transition: all 0.3s linear;
}
.notify_tag img {
  transition: all 0.3s linear;
  filter: brightness(0) invert(1);
}
.notify_tag + .tool_tip_notification {
  /* display: none !important; */
  opacity: 0;
  visibility: hidden;
  position: absolute !important;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--white);
  width: 225px !important;
  transition: all 0.3s linear;
  border-radius: 12px;
  text-align: left;
  text-transform: capitalize;
  box-shadow: 0px 0px 8px #8f8f8f47;
  z-index: 99999 !important;
}
.notify_tag + .tool_tip_notification::before {
  position: absolute !important;
  content: "" !important;
  bottom: -15px;
  width: 100%;
  height: 15px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}
.notify_tag + .tool_tip_notification ::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  z-index: 2;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent var(--white);
}
.notify_tag + .tool_tip_notification .tooltip_notification_body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.notify_tag + .tool_tip_notification .tooltip_notification_body .tooltip_notification_subheader {
  /* margin-bottom: 10px; */
  line-height: 1;
  color: #212529 !important;
  text-align: left;
  width: 100%;
  display: block;
}
.notify_tag + .tool_tip_notification .tooltip_notification_body span {
  line-height: 24px;
  font-size: 14px;
}
.notify_tag + .tool_tip_notification .tooltip_notification_body span.notification-on-text {
  color: #14c18b !important;
}
.notify_tag + .tool_tip_notification .tooltip_notification_body span.notification-off-text {
  color: #e2382f !important;
}
.notify_tag:hover {
  background-color: var(--lightblue) !important;
  border: 1px solid #dc3545;
  color: #dc3545 !important;
}
.notify_tag:hover img {
  filter: brightness(0) saturate(100%) invert(38%) sepia(42%) saturate(3486%) hue-rotate(330deg) brightness(85%) contrast(105%);
}
.notify_tag:hover + .tool_tip_notification {
  /* display: block !important; */
  opacity: 1;
  visibility: visible;
}

#message-candidate {
  transition: all 0.3s linear;
}
#message-candidate img {
  transition: all 0.3s linear;
  filter: brightness(0) invert(1);
}
#message-candidate:hover img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(91%) saturate(7117%) hue-rotate(234deg) brightness(89%) contrast(95%);
}

.eligibility-btn {
  position: relative;
  line-height: 1;
  padding: 6px 8px;
  display: inline-block;
  border: 1px solid #dc3545;
  background-color: #dc3545;
  transition: all 0.3s linear;
}
.eligibility-btn img {
  filter: brightness(0) invert(1);
  transition: all 0.3s linear;
}
.eligibility-btn + .tool_tip_eligibility {
  /* display: none !important; */
  opacity: 0;
  transition: all 0.3s linear;
  visibility: hidden;
  position: absolute !important;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--white);
  width: auto;
  min-width: 250px !important;
  border-radius: 12px;
  text-align: left;
  text-transform: capitalize;
  box-shadow: 0px 0px 8px #8f8f8f47;
  z-index: 99999 !important;
}
.eligibility-btn + .tool_tip_eligibility::before {
  position: absolute !important;
  content: "" !important;
  bottom: -15px;
  width: 100%;
  height: 15px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}
.eligibility-btn + .tool_tip_eligibility ::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  z-index: 2;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent var(--white);
}
.eligibility-btn + .tool_tip_eligibility .tooltip_eligibility_body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.eligibility-btn + .tool_tip_eligibility .tooltip_eligibility_body .tooltip_eligibility_subheader {
  /* margin-bottom: 10px; */
  line-height: 1;
  color: #212529 !important;
  text-align: left;
  width: 100%;
  display: block;
}
.eligibility-btn + .tool_tip_eligibility .tooltip_eligibility_body span {
  line-height: 24px;
  font-size: 14px;
  white-space: nowrap;
}
.eligibility-btn + .tool_tip_eligibility .tooltip_eligibility_body span.notification-on-text {
  color: #14c18b !important;
}
.eligibility-btn + .tool_tip_eligibility .tooltip_eligibility_body span.notification-off-text {
  color: #e2382f !important;
}
.eligibility-btn:hover {
  background-color: var(--lightblue) !important;
  border: 1px solid #dc3545;
  color: #dc3545 !important;
}
.eligibility-btn:hover img {
  filter: brightness(0) saturate(100%) invert(38%) sepia(42%) saturate(3486%) hue-rotate(330deg) brightness(85%) contrast(105%);
}
.eligibility-btn:hover + .tool_tip_eligibility {
  /* display: block !important; */
  opacity: 1;
  visibility: visible;
}

.interest-btn {
  position: relative;
  line-height: 1;
  padding: 6px 8px;
  display: inline-block;
  border: 1px solid #2843df;
  background-color: #2843df;
  transition: all 0.3s linear;
}
.interest-btn img {
  filter: brightness(0) invert(1);
  transition: all 0.3s linear;
}
.interest-btn + .tool_tip_interest {
  opacity: 0;
  transition: all 0.3s linear;
  visibility: hidden;
  position: absolute !important;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--white);
  width: auto;
  min-width: 250px !important;
  border-radius: 12px;
  text-align: left;
  text-transform: capitalize;
  box-shadow: 0px 0px 8px #8f8f8f47;
  z-index: 99999 !important;
}
.interest-btn + .tool_tip_interest::before {
  position: absolute !important;
  content: "" !important;
  bottom: -15px;
  width: 100%;
  height: 15px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}
.interest-btn + .tool_tip_interest ::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  z-index: 2;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent var(--white);
}
.interest-btn + .tool_tip_interest .tooltip_interest_body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.interest-btn + .tool_tip_interest .tooltip_interest_body .tooltip_interest_subheader {
  /* margin-bottom: 10px; */
  line-height: 1;
  color: #212529 !important;
  text-align: left;
  width: 100%;
  display: block;
}
.interest-btn + .tool_tip_interest .tooltip_interest_body span {
  line-height: 24px;
  font-size: 14px;
  white-space: nowrap;
}
.interest-btn + .tool_tip_interest .tooltip_interest_body span.notification-on-text {
  color: #14c18b !important;
}
.interest-btn + .tool_tip_interest .tooltip_interest_body span.notification-off-text {
  color: #e2382f !important;
}
.interest-btn:hover {
  background-color: var(--lightblue) !important;
  border: 1px solid #2843df;
  color: #2843df !important;
}
.interest-btn:hover img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(91%) saturate(7117%) hue-rotate(234deg) brightness(89%) contrast(95%);
}
.interest-btn:hover + .tool_tip_interest {
  /* display: block !important; */
  opacity: 1;
  visibility: visible;
}

.tool_tip_mail::before {
  position: absolute !important;
  content: "" !important;
  bottom: -15px;
  width: 100%;
  height: 15px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}

.tool_tip_mail.visible {
  display: block !important;
}

.monthcalendar .tool_tip_mail {
  bottom: 136px;
}

.yearcalendar .tool_tip_mail {
  bottom: 45px;
}

.tool_tip_mail._right_overflow {
  transform: translateX(calc(-50% - 110px)) !important;
}

.tool_tip_mail._right_overflow::after {
  transform: translateX(calc(-50% + 110px)) !important;
}

.tool_tip_mail._left_overflow {
  transform: translateX(calc(-50% + 80px)) !important;
}

.tool_tip_mail._left_overflow::after {
  transform: translateX(calc(-50% - 80px)) !important;
}

.tooltip_hover:not(.monthcalendar .multiple_booked,
.monthcalendar .single_booked):hover .tool_tip_mail:not(.tip-not-found),
.bank_holiday:not(.monthcalendar .multiple_booked):hover .tool_tip_mail:not(.tip-not-found) {
  display: block !important;
}

.mycal_mb_box {
  position: relative;
}

.mycal_mb_box:not(.bookaval) {
  user-select: none;
}

.tool_tip_mail_title {
  width: 100% !important;
  display: block !important;
  padding: 10px 8px;
  background: #08104d;
  color: var(--white);
  font-size: 14px !important;
  line-height: 1 !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: 6px;
  text-align: left !important;
}

.tool_tip_mail::after {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 10px;
  border-color: #2843df transparent transparent;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}

.tool_tip_mail .tool_tip_text {
  padding: 0 0 10px;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.tool_tip_text .tool_tip_text_icon {
  width: 16px;
  height: 16px;
  border: 2px solid var(--primaryred);
  display: inline-block;
  /* float: left; */
  margin-right: 2px;
}

.tool_tip_mail span.booked_message {
  width: calc(100% - 32px);
}

.booked {
  background: #0000c1 !important;
}

.processed {
  background: #bec009;
}

.terminated {
  background: #d21313;
}

.authorised {
  background: #404040;
}

.requirement {
  background: #04bf00;
}

/*.bank_status .rejected{ background:#FFA500;}*/
.invoice {
  background: #c0000c;
}

.invoice1 {
  background: #22c0cb;
}

.today_date {
  background: var(--white);
  border: solid 2px #0000c1;
}

.can_available {
  background: var(--white);
  border: solid 2px #fc0102;
}

.selected_key {
  background: var(--white);
  border: solid 2px #04bf00;
}

.pending_timesheet {
  background: var(--white);
  border: solid 2px #0002ff;
}

.processed_timesheet {
  background: var(--white);
  border: solid 2px var(--white) e00;
}

.authorised_timesheet {
  background: var(--white);
  border: solid 2px #c0c0c0;
}

.rejected_timesheet {
  background: var(--white);
  border: solid 2px #ffa500;
}

.invoiced_timesheet {
  background: var(--white);
  border: solid 2px #fd0307;
}

.contract_terminated {
  background: var(--white);
  border: solid 2px black;
}

.contract_completed {
  background: var(--white);
  /* border: solid 2px green; */
}

/* Added By Jatin On 2017-04-20 for Tooltip Color Boxes */
.pending_timesheet {
  width: 25px;
  height: 25px;
  margin-top: 3px;
}

.processed_timesheet {
  width: 25px;
  height: 25px;
  margin-top: 3px;
}

.authorised_timesheet {
  width: 25px;
  height: 25px;
  margin-top: 3px;
}

.rejected_timesheet {
  width: 25px;
  height: 25px;
  margin-top: 3px;
}

.invoiced_timesheet {
  width: 25px;
  height: 25px;
  margin-top: 3px;
}

/* .created_ctr,
.book_now {
    background: #04bf00 !important;
} */
.can_booked {
  background: #0000c1 !important;
}

.monthcalendar .can_booked:not(span) {
  background: none !important;
}

.unbook_now {
  background: #c0000c !important;
}

span.can_booked {
  background: #0000c1 !important;
}

/* .timesheet_terminated  {
    background: #d21313 !important;
} */
span.timesheet_terminated {
  background: #d21313 !important;
}

.created_ctr.contract_completed .single_contract_requirement,
.created_ctr .single_contract_requirement {
  background: #04bf00 !important;
}

.created_ctr.contract_completed .single_contract_requirement,
.created_ctr .timesheet_terminated {
  background: #d21313 !important;
}

.created_ctr.can_booked .single_contract_requirement {
  background: #0000c1 !important;
}

.created_ctr.can_booked .single_contract_requirement.timesheet_terminated {
  background: #d21313 !important;
}

.created_ctr.can_booked .single_contract_requirement.timesheet_terminated.candidate_available {
  background: none !important;
}

.created_ctr.can_booked .single_contract_requirement.con_archived {
  background: #cd5e0c !important;
}

.yearcalendar .created_ctr {
  background: #04bf00 !important;
  color: var(--white) !important;
}

.yearcalendar .created_ctr.can_booked {
  background: #0000c1 !important;
  color: var(--white) !important;
}

.yearcalendar .created_ctr.timesheet_terminated {
  background: #d21313 !important;
  color: var(--white) !important;
}

.yearcalendar .created_ctr.con_archived {
  background: #cd5e0c !important;
  color: var(--white) !important;
}

.yearcalendar .created_ctr.timesheet_terminated.candidate_available {
  background: none !important;
  border: 1px solid #d21313 !important;
}

.yearcalendar .created_ctr.client_has_blueRedShifts {
  background: linear-gradient(to bottom, #d21313 50%, #0000c1 50%) !important;
  color: white;
}

.yearcalendar .created_ctr.client_has_blueGreenShifts {
  background: linear-gradient(to bottom, #0000c1 50%, #04bf00 50%) !important;
  color: white;
}

.yearcalendar .created_ctr.client_has_greenRedShifts {
  background: linear-gradient(to bottom, #cd5e0c 50%, #04bf00 50%) !important;
  color: white;
}

.yearcalendar .created_ctr.client_has_redBlueGreenShifts {
  background: linear-gradient(to bottom, #cd5e0c 0%, #cd5e0c 33.33%, #0000c1 33.33%, #0000c1 66.66%, #04bf00 66.66%, #04bf00 100%) !important;
  color: white;
}

.timesheet_terminated.candidate_schedule_ {
  background: #fff !important;
}

.timesheet_terminated.candidate_schedule_ .single_contract_requirement {
  border: 1px solid #d21313 !important;
  background: none !important;
  color: #212529 !important;
}

.timesheet_terminated.candidate_schedule_ .single_contract_requirement.timesheet_terminated {
  background: #d21313 !important;
  color: #fff !important;
}

.created_ctr .single_contract_requirement.timesheet_terminated.candidate_available {
  border: none !important;
  background: none !important;
  border: 1px solid #d21313 !important;
  color: #212529 !important;
}

/* .contract_completed {
    border: 2px solid green !important;
} */
/* .can_assigned {
    background: #bec009 !important;
} */
.can_assign {
  background: var(--white) !important;
}

.today_cls {
  border: 2px solid #0000c1 !important;
}

.bank_holiday {
  background-color: #c5c5c5;
}

.dot {
  background-color: #0fa7ff;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  margin: 0px;
  padding: 0px;
}

.tool_tip_mail table th {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 600;
  padding: 6px 6px;
  background-color: #eceff1;
  border: 1px solid #d5dce0 !important;
  border-bottom: 0;
}

.tool_tip_mail .tool_tip_text table th,
.tool_tip_mail .tool_tip_text table td {
  color: #212529;
}

.tool_tip_mail table td {
  font-size: 12px !important;
  padding: 6px 6px !important;
  border: 1px solid #d5dce0 !important;
}

.tool_tip_mail .tooltip_subheader,
.tool_tip_mail .tool_tip_text {
  padding-left: 10px;
  padding-right: 10px;
}

.tool_tip_mail .tool_tip_text table {
  width: 100%;
  text-align: left;
}

.tool_tip_mail .tooltip_subheader {
  margin-bottom: 4px;
  line-height: 1;
  color: #212529 !important;
  text-align: left;
  width: 100%;
  display: block;
}

.tab-details .tool_tip_mail .tool_tip_text table tbody td {
  border-bottom: 1px solid #d5dce0 !important;
}

.tooltip_subheader span {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;
}

/* .can_booked .mycal_mb_datebox,
.created_ctr .mycal_mb_datebox {
    color: var(--white);
} */
.can_booked span.contract_requirement,
.created_ctr span.contract_requirement {
  font-size: 13px;
}

/* .can_booked .parentoverflow,
.created_ctr .parentoverflow {
    color: var(--white);
} */
.can_booked .parentoverflow .contract_requirement,
.created_ctr .parentoverflow .contract_requirement {
  font-size: 10px;
  line-height: 1;
  padding-bottom: 2px;
}

.candidate_schedule_ {
  background: #fff !important;
}

.candidate_schedule_.bank_holiday {
  background: #c5c5c5 !important;
}

.candidate_can_datebox {
  color: unset !important;
  display: flex;
  flex-direction: column;
}

.datebox_date_num {
  line-height: 20px;
  margin-bottom: 5px !important;
}

.contract_requirement_wrapper {
  margin-top: 5px;
  transform: translateY(-5px);
  height: 106px;
  display: grid;
  grid-template-rows: repeat(1fr, 3);
  grid-gap: 2px;
  overflow-y: scroll;
  padding-bottom: 10px;
  position: relative;
  scrollbar-width: none;
  /* flex-grow: 1; */
}

.candidate_availibility_calendar .contract_requirement_wrapper {
  display: block;
}

.candidate_availibility_calendar .contract_requirement_wrapper .single_contract_requirement {
  min-height: 28px;
}

.candidate_availibility_calendar .created_ctr.can_booked .single_contract_requirement {
  background: none !important;
  color: #2843df !important;
  border: 1px solid #2843df !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.mycal_mb_datebox.showArrow {
  position: relative;
}

.mycal_mb_datebox.showArrow::before {
  content: "";
  position: absolute;
  bottom: 9px;
  right: 4px;
  width: 20px;
  height: 20px;
  z-index: 5;
  background: #ffffff91;
  background-image: url(../images/arrow-bottom.svg);
  background-repeat: no-repeat;
  background-position: 4px 7px;
  background-size: 12px 9px;
  border-radius: 3px;
  box-shadow: inset 0 0 5px #3030308f;
}

.contract_requirement_wrapper::-webkit-scrollbar {
  display: none;
}

.single_contract_requirement {
  color: var(--white);
  padding: 0px 0 0px 10px;
  /* height: 30px !important; */
  min-height: 74px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  /* background: #0000c1 !important; */
  border-radius: 7px;
  /* border: 1px solid #fff; */
}

.single_contract_requirement .contract_requirement,
.single_contract_requirement .cal_client_name {
  font-size: 11px !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 15px;
}

.can_booked .parentoverflow br,
.created_ctr .parentoverflow br {
  display: none;
}

.candidate-schedule-assign li {
  padding: 8px 10px;
  cursor: pointer;
  list-style-type: none;
  transition: all 0.3s ease;
  color: var(--white);
  text-transform: uppercase;
  background-color: #2843df;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
}

/* .select2-dropdown {
  z-index: 1;
} */
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: #08104d !important;
  background-image: none !important;
  color: var(--white) !important;
}

/* fixed table header */
.fixed_headertable tbody {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 246px;
  width: 100%;
}

.fixed_headertable tr {
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.fixed_headertable tbody tr td {
  border-collapse: collapse;
}

/* fixed table header */
.slimScrollBar,
.slimScrollRail {
  cursor: pointer;
}

.navbar-nav.side-nav.open .dropdown-menu.nav_sidemenu {
  opacity: 1;
  visibility: visible;
  display: block;
  transition: 0.4s ease all;
  left: -1px;
}

.dropdown-menu.nav_sidemenu::before,
.sidebar_control_content .dropdown-menu::before {
  content: none;
}

.sidemenu_opened img.sidebar_logo {
  display: block;
  top: -48px;
  left: 12px;
}

.main .left-section .navbar-dark .navbar-nav .nav-link i {
  margin-left: 30px;
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.blink {
  text-decoration: blink;
}

/* chat box css starts */
.user-lists ul li a p.message-time {
  position: absolute;
  right: 0;
  top: 0;
}

.user-lists ul li a p.message-time {
  font-weight: 500;
}

.user-lists ul li a .user-message-center {
  padding-right: 8px;
}

.user-lists ul li a .user-message-center .user-message {
  margin-top: 5px;
}

.user-lists ul li,
.user-chat .user-lists ul {
  position: relative;
}

.user-chat .user-lists ul {
  /* max-height: calc(300px - 12px); */
  max-height: 226px;
  /* max-height: 299px; */
}

/* .main_start_date p{
  display: inline-block;
  width: auto;
  background-color: #666A80;
  padding: 3px 8px;
  margin: 12px 0;
  color: var(--white);
  font-size: 13px;
  border-radius: 4px
} */
.main_start_date {
  text-align: center;
  border-bottom: solid 1px var(--lightblue);
}

.user-lists {
  max-height: calc(100% - 110px);
  /*min-height: calc(100% - 110px);*/
}

.user-chat .user-lists {
  min-height: 326px;
  padding: 0;
  display: flex;
  flex-direction: column;
}

span.user_unread_counter {
  position: absolute;
  right: 0;
  top: 18px;
  min-width: 18px;
  height: 18px;
  display: inline-block;
  font-size: 11px;
  background-color: #2843df;
  color: var(--white);
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  padding: 1px 3px;
}

/* .user-lists-sender .user-message-center::before,
.user-lists-receirver .user-message-center::before{
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: auto;
  bottom: -8px;
  border: 10px solid;
}
.user-lists-sender .user-message-center::before {
  right: -9px;
  left: auto;
  border-color: transparent transparent transparent $primaryBlue;
}
.user-lists-receirver .user-message-center::before{
  left: -9px;
  right: auto;
  border-color: transparent rgb(102, 106, 128) transparent transparent;
} */
.user-chat .user-message p:last-child {
  margin-bottom: 0;
}

.user-lists-sender .user-message-center .user-message .message-time,
.user-lists-receirver .user-message-center .user-message .message-time {
  color: var(--white);
  display: block;
  width: auto;
  margin-bottom: 3px;
  font-size: 10px;
  line-height: 1.5;
}

.user-lists-sender .user-message-center .user-message .message-time {
  text-align: right;
}

.user-lists-receirver .user-message-center .user-message .message-time {
  text-align: left;
}

.user-lists-receirver .user-message-center .user-message p,
.user-lists-receirver .user-message-center .user-message .message-time {
  color: #666a80;
}

.user-lists-sender .user-message-center .user-message p,
.user-lists-receirver .user-message-center .user-message p {
  font-size: 12px;
  margin-bottom: 8px;
  word-break: break-word;
}

.user-lists-sender .user-message-center .user-message p {
  color: var(--white);
}

.user-chat .user-lists ul li.user-lists-sender,
.user-chat .user-lists ul li.user-lists-receirver {
  margin-bottom: 15px;
}

.sender_wrapper,
.receirver_wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.sender_wrapper {
  align-items: flex-end;
}

.receirver_wrapper {
  align-items: flex-start;
}

.user-lists-receirver .user-message-center,
.user-lists-sender .user-message-center {
  margin: 0;
  padding: 10px 10px;
  display: inline-block;
  position: relative;
  width: auto;
}

.user-lists-receirver .user-message-center {
  border-radius: 0px 8px 8px 8px;
  background-color: var(--lightblue);
}

.user-lists-sender .user-message-center {
  background-color: #2843df;
  border-radius: 8px 0px 8px 8px;
}

.message-typebox .message-actions textarea {
  background-color: transparent;
  padding: 4px 32px 4px 15px;
  /* width: calc(100% - 85px); */
  /* width: calc(100% - 57px); */
  display: inline-block;
  vertical-align: middle;
  resize: none;
  overflow-y: scroll;
  font-size: 13px;
  min-height: 54px;
  max-height: 110px;
  background: var(--white);
  border: none !important;
}

.message-typebox .message-actions .message_actions_bottom {
  border-top: solid 2px #eaecfc;
  width: 100%;
  height: 54px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.message-actions button {
  background-color: transparent;
  border: 0;
  padding: 0;
}

.message-typebox .message-actions button:not(.clear_write_msg) {
  display: inline-block;
  vertical-align: middle;
}

#chat-window .user-chat .message-typebox .message-actions button:not(.clear_write_msg) {
  width: 24px !important;
  margin: 0;
  padding: 0;
}

#chat-window .user-chat .message-typebox .message-actions button#btn_send_message {
  width: 74px !important;
  height: 34px;
  padding: 8px 14px 7px !important;
  border-radius: 4px;
  background-color: #2843df;
  color: #eaecfc;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
}

#chat-window .user-chat .chat_download_attchment {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#chat-window .user-chat .user-lists ul li a {
  position: relative;
}

#chat-window .user-chat .message-typebox .message-actions button i {
  font-size: 17px;
  padding: 0;
  margin: 0;
}

.messaging-box .user-lists ul li a .user-message-center {
  padding-right: 45px;
  width: calc(100% - 58px);
}

#divEmoji {
  display: none;
  justify-content: center;
  flex-flow: row wrap;
  overflow-y: scroll;
}

#divEmoji.show {
  display: flex !important;
}

textarea:focus {
  outline: none;
}

.user-chat-heading .user-chat-title .chat_user_name {
  /* white-space: nowrap; */
  white-space: break-spaces;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 156px;
  font-size: 14px;
}

.chatbox.chat-expanded .user-lists ul {
  /* max-height: 552px; */
  /* max-height: 590px; */
  max-height: calc(100% - 54px);
  /* max-height: calc(100vh - 164px); */
}

.message-typebox .message-actions span.bmd-form-group {
  width: calc(100% - 85px);
}

.message-typebox .message-actions span.bmd-form-group textarea {
  width: 100%;
}

.message_actions_bottom_icons {
  position: relative;
  display: flex;
  align-items: center;
  max-height: 54px;
}

.chatbox.z-index-9 {
  z-index: 9;
}

.global-chat-template {
  height: unset !important;
  max-height: unset;
}

/* chat box css ends */
.maintainance-section.mainteimport_withbredcrum .tab-details {
  margin-top: 84px;
}

.fileupload #candidate_righttowork_attachment_id {
  opacity: 0;
}

.select2_wrapper .select2-selection--multiple input.select2-search__field {
  background: #f8f8f8 url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEzIiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCAxMyA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi41Mjk2NiA2Ljk5OTk5QzYuNDA2OTcgNy4wMDA2NSA2LjI4NTM1IDYuOTc4NTkgNi4xNzE3NiA2LjkzNTA3QzYuMDU4MTggNi44OTE1NSA1Ljk1NDg3IDYuODI3NDIgNS44Njc3NSA2Ljc0NjM3TDAuMjc0MTcxIDEuNDk5MDZDMC4wOTg2MjIzIDEuMzM0MzggMCAxLjExMTAyIDAgMC44NzgxMjlDMCAwLjY0NTIzNSAwLjA5ODYyMjMgMC40MjE4NzkgMC4yNzQxNzEgMC4yNTcxOThDMC40NDk3MiAwLjA5MjUxNyAwLjY4NzgxNSAwIDAuOTM2MDc5IDBDMS4xODQzNCAwIDEuNDIyNDQgMC4wOTI1MTcgMS41OTc5OSAwLjI1NzE5OEw2LjUyOTY2IDQuODkyMzJMMTEuNDYxMyAwLjI2NTk0NEMxMS42Mzk3IDAuMTIyNjY5IDExLjg2OTEgMC4wNDc4MDIxIDEyLjEwMzcgMC4wNTYzMDM3QzEyLjMzODMgMC4wNjQ4MDU0IDEyLjU2MDkgMC4xNTYwNSAxMi43MjY5IDAuMzExODAzQzEyLjg5MyAwLjQ2NzU1NSAxMi45OTAyIDAuNjc2MzQ1IDEyLjk5OTMgMC44OTY0NDhDMTMuMDA4NCAxLjExNjU1IDEyLjkyODYgMS4zMzE3NiAxMi43NzU4IDEuNDk5MDZMNy4xODIyNSA2Ljc0NjM3QzcuMDA4NiA2LjkwNzkzIDYuNzc0MjMgNi45OTkwMiA2LjUyOTY2IDYuOTk5OTlaIiBmaWxsPSIjNkE2RTczIi8+Cjwvc3ZnPg==") no-repeat !important;
  background-size: 13px 12px !important;
  background-position: right 15px center !important;
  width: 100% !important;
}

.modal-body input[readonly],
.modal-body input[readonly]:focus {
  background-color: #eceff1;
  border-color: #eceff1 !important;
}

.tab-details table tr td a.font-16 {
  font-size: 16px;
}

label#chat_window_typing {
  text-align: left;
  padding: 0px 15px;
}

.message-counterno {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #ff5b64;
  font-size: 11px;
  font-weight: 600;
  color: var(--white);
  margin-left: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.messaging-box.chat-opened .close-message-box img {
  transform: rotate(180deg);
}

.messaging-box .close-message-box img {
  user-select: none;
  width: 15px;
  transition: 0.2s ease-in-out;
}

.messaging-box .new-message-icon img {
  height: 16px;
}

.messaging-box .close-message-box,
.messaging-box .new-message-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}

.messaging-box .close-message-box {
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
}

.messaging-box .close-message-box:hover {
  background: #fff3;
}

.main .left-section .header-top.sidemenu_opened {
  width: 212px;
}

.main .left-section .header-top {
  z-index: 7;
}

.main .left-section .header-top,
.main .left-section .header-top.sidemenu_opened {
  transition: 0.4s ease all;
}

.sidebar_layer,
.sidebar_layer.show {
  transition: 0.4s ease all;
}

.sidebar_layer.show {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  right: 0;
}

.main .left-section .header-top {
  /* top: 54px; */
  top: 62px;
}

/*.main .left-section ul#un_session_list {
    margin-top: 0;
    position: unset;
}*/
.main .left-section .navbar-nav.side-nav {
  position: relative;
  top: 0;
  padding: 0 !important;
}

.cols.website {
  padding: 0;
  background: transparent;
}

.website .sep {
  background: var(--white);
  padding: 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  position: relative;
  margin-bottom: 20px;
}

.website .sep:last-child {
  margin-bottom: 40px;
}

.maintainance-section.mainte_withbredcrum.no_dropdown .tab-details {
  margin-top: 94px;
}

div.dataTables_info {
  padding-right: 15px !important;
}

.dataTables_length {
  font-size: 13px;
  text-transform: capitalize;
  padding-left: 23px !important;
  margin-top: 15px;
  padding: 10px 0px 0px 10px;
}
.dataTables_length select {
  height: 28px;
  padding-left: 13px;
  /* background-size: 21px !important; */
  background-position: 89% 10px !important;
  line-height: 1;
  padding: 5px 17px 5px 10px;
  margin: 0 5px;
}

/* .tab-details .view_contact_information table tr td input,
.tab-details #clientgeneral-info table tr td input {
  height: 35px;
  padding: 3px 8px;
} */
.view_contact_information table tr td input,
#clientgeneral-info table tr td input,
.view_contact_information table tr td textarea,
.view_contact_information table tr td select {
  background-color: transparent !important;
  border: none;
  height: 32px;
  cursor: default;
  color: #666a80;
  font-weight: 500;
  line-height: 32px;
  padding: 0;
}

.view_contact_information table tr td select {
  background-color: transparent !important;
  background-image: none !important;
}

.view_contact_information table tr td label.custom-control-label {
  color: #666a80;
  font-weight: 500;
  font-size: 12px;
}

.view_contact_information table tr td input:focus,
#clientgeneral-info table tr td input:focus {
  outline: none;
  border: none !important;
  cursor: default;
  background-color: transparent !important;
}

.view_contact_information .new_table_style tbody tr td {
  color: #666a80;
  font-weight: 500;
  vertical-align: middle;
}

.view_contact_information table tr td {
  padding-top: 11px;
  padding-bottom: 11px;
  height: 54px;
}

input[readonly=readonly],
input[readonly=readonly]:focus,
input[readonly],
input[readonly]:focus,
textarea[readonly],
textarea[readonly]:focus {
  background-color: #eaecfc !important;
  cursor: no-drop;
  /* border: none !important; */
  box-shadow: none;
}

select[disabled] {
  background-color: #eaecfc !important;
  cursor: no-drop;
}

.shift-information {
  padding: 0 15px;
}

.mycal_bottombox .shift-information p {
  display: inline-block;
}

.chat-icon,
.notification-icon {
  position: relative;
}

/* loader animation css starts */
#pageloader {
  background: rgba(255, 255, 255, 0.6);
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
  text-align: center;
}

#pageloader img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

#pageloader img {
  animation: zoominoutsinglefeatured 1s infinite;
  border-radius: 50%;
  width: 64px;
}

@keyframes zoominoutsinglefeatured {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.4, 1.4);
  }
  100% {
    transform: scale(1, 1);
  }
}
/* loader animation css ends */
.notification-main .oval img {
  height: 44px;
  width: 44px;
  border-radius: 100%;
}

.maintainance-section .main-content-header table tbody tr td.dataTables_empty {
  padding-top: 25px;
  padding-bottom: 25px;
}

.overflow-hidden {
  overflow: hidden;
}

.icon_btnstyle {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09);
  background-color: var(--white);
  line-height: 18px;
  text-align: center;
  margin-right: 10px;
  border: none;
  padding: 5px;
}

.send_express_interest_btn {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09);
  background-color: var(--white);
  line-height: 20px;
  text-align: center;
  margin-right: 10px;
  border: none;
  padding: 5px;
}

.icon_btnstyle.btn-secondary,
.icon_btnstyle.btn-secondary:hover,
.icon_btnstyle.btn-secondary:focus {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09) !important;
  background-color: var(--white) !important;
}

.icon_btnstyle img {
  max-width: 16px;
}

.icon_btnstyle:last-child {
  margin-right: 0px;
}

/* #dataTable thead {
  background-color: var(--lightblue);
}
#dataTable thead .table_sort_data {
  letter-spacing: 1px;
  padding: 17px 10px;
  font-size: 14px !important;
  font-weight: bold;
  color: #666a80;
} */
.slimScrollRail,
.slimScrollBar {
  border-radius: 4px 0px 0px 4px !important;
}

.box .cols {
  border: solid 2px var(--lightblue);
}

.seconddropdown {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #d8d8d8;
}

.maintainance_dropdown {
  display: inline-block;
  position: relative;
}

.maintainance_dropmenu {
  width: 100%;
  max-width: 270px;
}

.maint_icon {
  margin-left: 16px;
}

.seconddropdown .maintainance_subdropdown,
.maintainance_dropdown {
  cursor: pointer;
}

/* .maintainance_dropmenu {
  height: 500px;
  max-height: calc(100vh - 220px);
  top: 93px !important;
} */
.maintainance_dropmenu_content {
  /* padding: 0px 4px;
  min-width: 216px; */
  padding-right: 0px 2px;
  max-height: calc(100vh - 246px);
}

.maintainance_dropmenu {
  padding-right: 0;
  padding-left: 0;
  /* overflow-y: auto; */
  /* overflow-x: hidden; */
  min-width: 240px;
}

.maintainance_dropmenu .slimScrollBar,
.maintainance_dropmenu .slimScrollRail {
  width: 4px !important;
}

.maintainance-section.mainte_withbredcrum .tab-details {
  /* margin-top: 108px; */
  padding-top: 100px;
  min-height: calc(100vh - 61px);
}

.maintainance-section.mainte_withshiftbredcrum .tab-details,
.maintainance-section.mainte_jobbredcrum .tab-details,
.maintainance-section.mainte_blogbredcrum .tab-details {
  margin-top: 94px;
}

.subsearch_wrapper.pt-0.search_wrapper {
  margin: 0;
  padding: 15px;
}

.addicon_btn {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-color: #2843df;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  border: none;
  transition: all 0.3s ease 0s;
}

.addicon_btn:hover,
.table_searchform .search_inner_wrapper .close-icon:hover {
  background-color: #243cc9;
  transition: all 0.3s ease 0s;
}

.addicon_btn img {
  max-width: 16px;
}

.right_table_wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

button.table_search_btn {
  border: none;
  background: transparent;
  margin-right: 14px;
  padding-right: 0;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after {
  content: "";
  width: 7px;
  height: 12px;
  background-repeat: no-repeat;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
  background-image: url(../images/sort-arrow-down.svg);
  right: 0.8em;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
  background-image: url(../images/sort-arrow-up.svg);
  right: 0.3em;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 24px;
}

.shiftdetails_box .shiftdetails_header h4,
.candidates_box h4 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
}

.setavailibilitymodal .setavailibility_box:first-child {
  padding-top: 0;
}

.candidates_box .setavailibilitymain.shift_list {
  margin-top: 0;
}

.shiftdetails_box .shiftdetails_content table {
  border: 1px solid #bbbbbb;
}

.shiftdetails_box.booked_vac {
  margin-top: 15px;
  margin-bottom: 15px;
}

.shiftdetails_box .shiftdetails_content table thead th,
.shiftdetails_box .shiftdetails_content table tbody td {
  font-size: 13px;
  border: 1px solid #bbbbbb;
  padding: 6px;
}

.shiftdetails_box .shiftdetails_content table thead th {
  background: #eceff1;
}

.shiftdetails_box .shiftdetails_content table tbody td {
  color: #212529;
}

i.data_icon {
  width: 16px;
  height: 16px;
  border: 2px solid var(--primaryred);
  display: inline-block;
  /* float: left; */
  margin-right: 2px;
}

.alert-success {
  border-radius: 4px;
  box-shadow: 2px 2px 8px 0 rgba(21, 87, 36, 0.08);
  border: solid 1px #c3e6cb;
  background-color: #d4edda;
  color: #155724;
}

.alert {
  letter-spacing: 1px;
  font-size: 16px;
  position: fixed;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  z-index: 1000;
  padding-top: 14px;
  padding-bottom: 14px;
}

/* dashboard widget css starts  */
.titles_wrapper {
  border: none;
  background: none;
  border-radius: 0;
}

.titles_wrapper .row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

@media screen and (max-width: 1070px) {
  .titles_wrapper .row {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 900px) {
  .titles_wrapper .row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .titles_wrapper .row {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 450px) {
  .titles_wrapper .row {
    grid-template-columns: 1fr;
  }
}
.tiles_mainwrapper {
  background: var(--white);
  border-radius: 5px;
  border: solid 2px var(--lightblue);
  box-shadow: 0 3px 11px 0px #3030300f;
  transition: all 0.2s linear;
}

.tiles_mainwrapper:hover {
  box-shadow: 0px 6px 11px 0px #30303020;
}

.widget-common {
  position: relative;
}

.titles_wrapper .row div:last-child .widget-common::after {
  content: none;
}

.widget-header {
  padding: 16px 8px 8px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.widget-menu .dropdown-menu-right {
  left: 18px !important;
}

.widget-title {
  font-stretch: normal;
  color: #08104d;
  margin: 0px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  line-height: 14px;
  flex-grow: 1;
}

.widget-body {
  padding: 12px 16px 16px 5px;
}

.widget-body .text-value {
  font-size: 20px;
  font-weight: bold;
  color: #666a80;
}

/* dashboard widget css ends  */
.candidate-list .main-content {
  padding-top: 50px;
  min-height: calc(100vh - 61px);
  background-color: #f8f8f8;
}

.main-content-box {
  padding: 16px 16px 65px 16px;
}

.more-btn-dropdown .more_dropoption {
  margin-left: 11px;
  padding: 5px 5px 5px 5px;
  height: 32px;
  display: inline-block;
  line-height: 18px;
}

.more_dropoption_wrap .dropdown-menu {
  left: 6px !important;
}

.main-box-col {
  border: solid 2px var(--lightblue);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  position: relative;
  background: var(--white);
}

.table_title {
  font-stretch: normal;
  line-height: normal;
  color: #08104d;
  margin: 0px;
  font-size: var(--mainheadingfont);
  font-weight: bold;
  letter-spacing: 1px;
}

table.dataTable thead .nosort:before,
table.dataTable thead .nosort:after {
  content: none;
}

table.dataTable thead > tr > th.nosort {
  padding-right: 10px !important;
}

.showspecificcontact_wrapper {
  border-radius: 8px;
  border: solid 2px var(--lightblue);
  margin-top: 12px;
}

.showspecificcontact_wrapper .searchtab-links {
  padding: 0;
}

.showspecificcontact_wrapper .searchtab-links .nav-tabs .nav-item .nav-link {
  padding: 13px 16px;
  margin: 0;
}

.showspecificcontact_wrapper .searchtab-links .nav-tabs .nav-item {
  margin: 0;
}

.showspecificcontact_wrapper .searchtab-links .nav-tabs .nav-item .nav-link.active {
  border-radius: 8px 8px 0 0;
  background-color: #2843df;
  color: #eaecfc !important;
}

.breadcrum_withslider .tab-details {
  padding-top: 140px;
  min-height: calc(100vh - 62px);
}

.display-flex {
  display: flex;
}

.line-height-1 {
  line-height: 1;
}

.border-rl-none {
  border-right: none !important;
  border-left: none !important;
}

.border-radius-none {
  border-radius: 0 !important;
}

.no-border {
  border: none !important;
}

.shift_table_rates.new_table_style tbody tr td input {
  max-width: 90px;
}

.shift_table_rates.new_table_style tbody tr td input,
.shift_table_days.new_table_style tbody tr td input,
.shift_table_days.new_table_style tbody tr td select {
  height: 36px;
}

.shift_table_days.new_table_style tbody tr td input,
.shift_table_days.new_table_style tbody tr td select {
  max-width: 150px;
}

.shift_table_rates.new_table_style tbody tr td input {
  max-width: 90px;
}

.timesheet_tableinner.shift_table_rates.new_table_style tbody tr td input {
  max-width: 100%;
  width: 100%;
}

.slider.slider-horizontal .slider-track .slider-selection {
  background-color: #2843df;
  background-image: none;
}

.slider.slider-horizontal .slider-track {
  box-shadow: inset 0 0 1px 0 rgba(8, 16, 77, 0.34);
  background-color: #eaecfc;
  height: 8px !important;
}

.slider.slider-horizontal {
  width: 95% !important;
}

.slider.slider-horizontal .slider-handle.min-slider-handle {
  margin-left: 0;
}

.related_records {
  background-color: #08104d;
  border: 2px solid #08104d !important;
}

.related_records:hover {
  background-color: transparent;
  color: #08104d;
}

.more_records:hover {
  background-color: transparent;
  color: #243cc9;
}

.related_records,
.more_records {
  font-size: 14px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 4px;
  color: var(--lightblue);
  transition: 0.2s ease-in-out;
}

.more_records {
  background-color: #243cc9;
  border: 2px solid #243cc9 !important;
}

.task_wrapper {
  padding: 0 15px;
}

.div-role:not(:last-child) {
  margin-bottom: 10px;
}

.candidate-list.interview_list .main-content {
  padding-top: 100px;
}

.interview_list .advanced_search_wrapper::before {
  right: 88px;
}

.fixed_headertable .unverify_table tbody tr:nth-last-child(-n+2) td .dropdown-menu-right {
  transform: translate3d(-176px, -103px, 0px) !important;
  margin-bottom: 16px;
  margin-top: 0;
}

.fixed_headertable .unverify_table tbody tr:nth-last-child(-n+2) td .dropdown-menu-right::before {
  bottom: -1px;
  border-color: transparent var(--white) transparent transparent;
  top: auto;
  transform: rotate(45deg);
}

.selectbox.inline-block.total_candi_selection {
  vertical-align: middle;
}

.moreopt_dropdown .dropdown-toggle::after {
  content: none;
}

.candidate_fav_icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.candidate_fav_icon.unfav_candi {
  background-image: url("/images/star_unfavourite.svg");
}

.candidate_fav_icon.fav_candi {
  background-image: url("/images/star_favorite.svg");
}

div.dataTables_wrapper div.dataTables_processing {
  z-index: 7;
}

.form-group {
  margin-bottom: 20px;
}

.cursor-pointer {
  cursor: pointer;
}

.task_priority {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
}

.task_priority.primary_red_color {
  background-image: url(/images/high-priority.svg);
}

.task_priority.secondary_blue_color {
  background-image: url(/images/normal-priority.svg);
}

.task_priority.primary_blue_color {
  background-image: url(/images/low-priority.svg);
}

.fc-widget-header,
.fc-widget-content {
  border: 2px solid var(--lightblue) !important;
}

.fc-border-separate th,
.fc-border-separate td {
  border-width: 2px 0 0 2px !important;
}

table.fc-border-separate tbody tr:nth-child(even) {
  background-color: transparent !important;
}

table.fc-border-separate tbody tr td:first-child {
  border-left: 0 !important;
}

.total_records {
  display: inline-block;
  padding-top: 5px !important;
}

label.upload_photo.timesheet_img {
  width: 100%;
  height: 670px;
  border: solid 2px var(--lightblue);
  background-color: #f8f8f8;
  border-radius: 4px;
}

label.upload_photo.timesheet_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  max-height: 670px;
  max-width: 100%;
  object-position: top;
}

label.upload_photo.timesheet_img .file-import-wrapper {
  width: 100%;
  min-height: 670px;
  background-size: unset;
  background-repeat: no-repeat;
}

.tab-details .timesheet_table table tr:last-child td {
  padding-bottom: 0;
}

.new_table_style.no-bg tbody tr {
  background-color: transparent;
}

.new_table_border tbody tr {
  border-top: solid 2px var(--lightblue);
}

.timesheet_table label {
  margin-bottom: 10px;
}

.timesheet_table .form-group {
  margin-bottom: 12px;
}

.timesheet_table .new_table_style tbody tr td {
  padding: 6px 4px !important;
}

.fc-border-separate td {
  cursor: pointer;
}

.fixedheadermain.z-index-7 {
  z-index: 7;
}

/* application form responsive css starts */
@media only screen and (max-width: 767px) {
  body.candidate_application_form {
    padding: 0 !important;
  }

  .candidate_application_form .candidateappform h3.page-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .candidate_application_form .candidateappform .tabbable-custom .nav-tabs {
    margin-bottom: 0;
  }

  .candidate_application_form .candidateappform .widget-body .tab-content {
    padding: 15px;
  }

  .candidate_application_form .mob_fullwidth td {
    width: 100%;
    display: block;
    padding-top: 0;
  }

  .candidate_application_form .candidateappform .widget-body .tab-content > .tab-pane {
    padding: 10px;
  }

  .candidate_application_form #candidate_postcode_lookup #opc_button {
    font-size: 10px;
  }

  .candidate_application_form .font-20 {
    font-size: 16px !important;
  }

  .candidate_application_form h1.font-20 img {
    margin-right: 3px;
  }

  .candidate_application_form .col-md-6 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .candidate_application_form .bottomformbtns .btn-info,
.candidate_application_form .bottomformbtns .btn.btn-danger {
    padding: 5px 3px !important;
    font-size: 11px !important;
    height: 42px;
  }

  .candidate_application_form .mobemploymenthistorytable table,
.candidate_application_form .mobemploymenthistorytable thead,
.candidate_application_form .mobemploymenthistorytable tbody,
.candidate_application_form .mobemploymenthistorytable th,
.candidate_application_form .mobemploymenthistorytable td,
.candidate_application_form .mobemploymenthistorytable tr {
    display: block;
  }

  .candidate_application_form .mobemploymenthistorytable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .candidate_application_form .mobemploymenthistorytable tr {
    border: 1px solid #dee2e6;
    margin: 0 0 1rem 0;
  }

  .candidate_application_form .mobemploymenthistorytable tr td {
    border: none !important;
    border-bottom: 1px solid #dee2e6 !important;
    position: relative !important;
    padding-left: 55% !important;
    min-height: 42px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    width: 100%;
    font-size: 12px;
    white-space: normal !important;
  }

  .candidate_application_form .mobemploymenthistorytable tr td span {
    display: block;
    width: 100%;
    word-break: break-word;
  }

  .candidate_application_form .mobemploymenthistorytable tr td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    color: rgba(106, 110, 115, 0.73);
  }

  /* .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(1):before { content: "#"; } */
  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(1):before {
    content: "Name";
  }

  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(2):before {
    content: "Address";
  }

  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(3):before {
    content: "Job Title";
  }

  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(4):before {
    content: "Start Date";
  }

  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(5):before {
    content: "End Date";
  }

  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(6):before {
    content: "Reason For Leaving";
  }

  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(7):before {
    content: "Referee Name";
  }

  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(8):before {
    content: "Referee Position";
  }

  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(9):before {
    content: "Referee Contact Number";
  }

  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(10):before {
    content: "Referee Email Address";
  }

  .candidate_application_form .mobemploymenthistorytable tr td:nth-of-type(11):before {
    content: "Action";
  }

  .candidate_application_form .mobemploymenthistorytable tr td input[type=checkbox],
.candidate_application_form .mobemploymenthistorytable tr td input[type=radio] {
    height: 15px;
    width: 15px;
  }

  .candidate_application_form .mobfloatinside .radio,
.candidate_application_form .mobfloatinside .checkbox {
    position: absolute;
    left: 42px;
    top: 10px;
    width: 20px !important;
    height: 20px;
  }

  .candidate_application_form .candidateappform .confidential .btn-info.disinlineblock {
    height: 42px;
  }

  .candidateappform .custom_modal_witclose .submitdiv .button_style1 {
    width: 128px;
  }

  .modal.fade#Edit_Employer .modal-body {
    max-height: 400px !important;
    overflow-y: auto !important;
  }

  .mobfloatinside span {
    text-align: left !important;
  }

  .candidate_application_form .mobemploymenthistorytable .employment_null_row td::before {
    content: none !important;
  }

  .candidate_application_form .mobemploymenthistorytable tr.employment_null_row td {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
/* application form responsive css Ends */
button#clockwise img,
button#zoomIn img,
button#zoomOut img {
  max-width: 100%;
}

#timesheet_images .owl-item .item {
  height: 166px;
  border-radius: 4px;
  border: solid 2px var(--lightblue);
  overflow: hidden;
}

#timesheet_images .owl-item .item img {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

#timesheet_images .owl-nav button.owl-prev,
#timesheet_images .owl-nav button.owl-next,
#timesheet_dateslider .owl-nav button.owl-prev,
#timesheet_dateslider .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#timesheet_images .owl-nav button.owl-prev {
  left: 12px;
}

#timesheet_images .owl-nav button.owl-next {
  right: 12px;
}

#timesheet_images .owl-nav button.disabled,
#timesheet_dateslider .owl-nav button.disabled {
  /* display: none; */
  opacity: 0.7;
  cursor: not-allowed;
}

#timesheet_dateslider {
  margin: 15px 0;
  display: flex;
  justify-content: center;
  padding: 0 25px;
}

#timesheet_dateslider .owl-item .item a {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #08104d;
  border: solid 2px var(--lightblue);
  background-color: #f8f8f8;
  padding: 0px 10px;
  transition: all 0.3s ease 0s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#timesheet_dateslider .owl-item .item a:hover {
  color: #2843df;
  transition: 0.2s ease-in-out;
}

#timesheet_dateslider .owl-nav button.owl-prev {
  left: -3px;
}

#timesheet_dateslider .owl-nav button.owl-next {
  right: -3px;
}

#timesheet_dateslider .owl-nav.disabled {
  display: block;
}

.in_review-status {
  color: #000 !important;
  border: solid 1px #ffeeba;
  background-color: #fff3cd;
}

.substitute-status {
  color: #9900ff !important;
  /*border: solid 1px #ffeeba;
  background-color: #fff3cd;*/
}

.published-status {
  color: #2843df !important;
  border: solid 1px #d4dafa;
  background-color: #e1e5fd;
}

.applied-status {
  color: #ff005c !important;
  border: solid 1px #ffbad3;
  background-color: #ffe6ef;
}

.negotiating-status {
  color: #000 !important;
  border: solid 1px #b8efed;
  background-color: #e7faf9;
}

.booked-status {
  color: #155724 !important;
  border: solid 1px #c3e6cb;
  background-color: #d4edda;
}

.worked-status {
  color: #856404 !important;
  border: solid 1px #ffeeba;
  background-color: #fff3cd;
}

.terminated-status {
  color: #000 !important;
  border: solid 1px #feddd9;
  background-color: #ffe8e5;
}

.archived-status {
  color: #000 !important;
  border: solid 1px #feddd9;
  background-color: #cd5e0c;
}

/* availablity css starts */
.availablity_month_title {
  height: 54px;
  border-bottom: solid 2px var(--lightblue);
}

.availablity_month_title .subtitle-header {
  vertical-align: middle;
  padding: 0px 16px;
  display: inline-block;
}

.subtitle-header {
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  color: #666a80;
  letter-spacing: 0.8px;
}

.week_dates_list li,
.week_days_list li,
.week_booking_cell_list li {
  float: left;
  width: 14.28%;
  padding: 16px 15px;
  font-size: 14px;
  color: #666a80;
  font-weight: 500;
  height: 54px;
  border-left: 2px solid var(--lightblue);
  border-bottom: 2px solid var(--lightblue);
}

.week_booking_cell_list {
  display: table;
  width: 100%;
}

.week_booking_cell_list > div {
  padding: 0;
  font-size: 14px;
  color: #666a80;
  font-weight: 500;
  border-left: 2px solid var(--lightblue);
  border-bottom: 2px solid var(--lightblue);
  height: 100%;
  display: table-cell;
  min-width: 24px;
  position: relative;
}

.availablity_calender {
  border-left: 2px solid var(--lightblue);
}

.week_dates_list li:last-child,
.week_days_list li:last-child {
  border-right: none;
}

.week_booking_cell_list div:first-child {
  border-left: none;
}

.monthly_dates_list li,
.monthly_days_list li {
  display: table-cell;
  min-width: 24px;
  padding: 0px 2px;
  font-size: 12px;
  color: #666a80;
  font-weight: 500;
  height: 52.5px;
  line-height: 52.5px;
  text-align: center;
  border-bottom: 2px solid var(--lightblue);
}

.monthly_days_list li,
.weekly_dates_days {
  border-left: 2px solid var(--lightblue);
}

.monthly_days_list li:first-child {
  border-left: 0;
}

.availablity_month_calender .rates_agencies_header {
  border-right: solid 2px var(--lightblue);
}

.weekly_dates_days,
.availablity_month_calender > div,
.weekly_dates_days .week_booking_cell_list div {
  display: table-cell;
}

.monthly_dates_list,
.monthly_days_list,
.week_dates_days,
.availablity_month_calender,
.weekly_dates_days .week_booking_cell_list {
  display: table;
  width: 100%;
}

#availablity_year_wrapper {
  display: flex;
  padding-right: 4px;
}

.availablity_month {
  flex-grow: 1;
}

.weekly_dates_days .week_booking_cell_list div {
  min-width: 24px;
  padding: 0;
  float: none;
  width: auto;
}

.availablity_month {
  border-right: 2px solid var(--lightblue);
}

.availablity_month:last-child {
  border-right: none;
}

.monthly_dates_list li.week_start {
  border-left: 2px solid var(--lightblue);
}

.slimScrollBarX {
  z-index: 6 !important;
}

.slimScrollRailX {
  z-index: 5 !important;
}

ul.month_list {
  display: table;
  width: 100%;
  border-bottom: 2px solid var(--lightblue);
}

ul.month_list li {
  min-width: 24px;
  padding: 0px 2px;
  font-size: 12px;
  color: #666a80;
  font-weight: 500;
  height: 51.5px;
  line-height: 51.5px;
  display: table-cell;
}

ul.month_list .week_start {
  border-left: 2px solid var(--lightblue);
}

.candidate_avail_tooltip {
  position: absolute;
  max-width: 250px;
  height: auto;
  visibility: hidden;
  border-radius: 4px;
  transition: all 0.3s linear;
  width: 250px;
  background: white;
  display: flex;
  left: 5px;
  z-index: 10;
  box-shadow: 0 0 24px 6px rgba(8, 16, 77, 0.12);
  bottom: 36px;
}

.week_booking_cell_list > div:hover .candidate_avail_tooltip {
  animation: navlinkDrop 0.3s forwards 1;
  display: block;
}

.candidate_avail_tooltip_header {
  padding: 8px 8px;
  background: #fff;
  color: #08104d;
  font-size: 13px;
  line-height: 1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: 600;
}

.candidate_avail_tooltip_body {
  padding: 0px;
}

.candidate_avail_tooltip_body table th {
  font-size: 12px;
  /* text-transform: uppercase; */
  font-weight: 600;
  padding: 4px 5px;
  background-color: var(--lightblue);
  border: none;
  color: #666a80;
}

.candidate_avail_tooltip_body thead {
  padding: 2px !important;
  border: none !important;
}

.candidate_avail_tooltip_body table td {
  font-size: 12px;
  padding: 3px 5px;
  border: none;
  word-break: break-word;
  white-space: normal;
}

.candi_info {
  text-align: left;
  max-width: 300px;
}

.candi_info div {
  word-break: break-word;
  white-space: normal;
  padding-right: 5px;
}

@keyframes navlinkDrop {
  0% {
    visibility: hidden;
    transform: translate(0%, 30px);
  }
  50% {
    box-shadow: none;
  }
  100% {
    visibility: visible;
    transform: translate(0%, 0);
  }
}
.candidate_avail_tooltip::after {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 10px;
  border-color: #fff transparent transparent;
  left: 11px;
  z-index: 2;
  transform: translateX(-50%);
  bottom: -19px;
}

.availablity_pagination .pagination {
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 0;
  margin-bottom: 20px;
  display: flex;
  margin-top: 20px;
}

.availablity_pagination .pagination li .page-link {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background-color: #eceff1;
  margin-right: 15px;
  text-align: center;
  line-height: 30px;
  border-color: #eceff1;
}

.availablity_pagination .pagination li .page-link {
  font-size: 10px;
  font-weight: bold;
  color: #343638;
  padding: 0;
}

.availablity_pagination .pagination li.active .page-link {
  background-color: #2843df;
  border-color: #2843df;
  color: #fff;
}

.availablity_pagination .pagination .page-item:first-child .page-link,
.availablity_pagination .pagination .page-item:last-child .page-link {
  width: auto;
  background-color: transparent;
  border-color: transparent;
  font-size: 18px;
  line-height: 28px;
  color: #6c757d;
}

.availablity_pagination .pagination .page-item:first-child,
.availablity_pagination .pagination .page-item:last-child {
  background-color: transparent;
  margin: 0;
}

.availablity_table table tr th,
.availablity_table table tr td,
.week_booking_cell_list {
  height: 54px;
}

.availablity_colors ul li {
  /* display: inline-block;
  margin: 0 0 10px 0;
  font-size: 14px;
  color: #6a6e73;
  position: relative;
  padding: 0 25px 0 0; */
  display: inline-block;
  /* margin: 0 10px 10px 0; */
  color: var(--white);
  position: relative;
  font-weight: 500 !important;
  font-size: 12px;
  letter-spacing: 0.8px;
  padding: 5px 6px;
  border-radius: 4px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.availablity_colors ul {
  display: flex;
  gap: 6px;
}

/* .availablity_colors ul li span.data_color {
  margin-right: 8px;
  height: 9px;
  width: 9px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
} */
/*.week_booking_cell_list {
  height: 47.09px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1365px){
  .week_booking_cell_list {
    height: 45.75px;
  }
  .monthly_days_list li{
    height: 52.03px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1920px){
  .week_booking_cell_list {
    height: 47.66px;
  }
  .monthly_days_list li{
    height: 56.09px;
  }
} */
/* availablity css ends */
/* testingMailshot  */
#sendmailshotModal .box,
#addTempModal .box {
  border-radius: 5px;
}

.msModal {
  padding: 15px;
}

a.saveTemplatBtn {
  font-weight: 800;
  text-decoration: underline;
  letter-spacing: 0.5px;
  font-size: 14px;
}

.mailshotTable thead * {
  outline: none !important;
  word-break: normal;
}

.mailshotTable thead th {
  font-size: 14px;
}

.candidateInfoImg {
  margin-left: 5px;
  width: 15px !important;
  height: 15px !important;
}

.mailshotTable td a {
  text-decoration: none;
  color: inherit;
}

.text-dblue {
  color: #08104d;
}

td.failedMailshot {
  color: var(--primaryred) !important;
}

td.delivered {
  color: #34c836 !important;
}

.moreUserinfo {
  width: 160px;
  position: absolute;
  box-shadow: rgba(8, 16, 77, 0.12) 0px 0px 24px 6px;
  top: calc(100% + 10px);
  border-radius: 4px;
  right: -10px;
  padding: 5px 10px;
  background: #fff;
  z-index: 1000;
  opacity: 0;
  /* transform: translateY(-5px); */
  transition: all 0.2s linear;
  visibility: hidden;
}

.moreUserinfo.show {
  opacity: 1;
  transform: translateY(0px);
  visibility: unset !important;
}

.moreUserinfo .title {
  border-bottom: 2px solid var(--lightblue);
  padding: 5px;
}

.moreUserinfo .title > div {
  display: flex;
  align-items: center;
}

.moreUserinfo .title > div span {
  flex-grow: 1;
  font-size: 12px;
  color: #212529;
  font-weight: bold;
}

.moreUserinfo .title > div i.fa-times {
  color: #ff8585;
}

.moreUserinfo .moreuserList li {
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  color: #666a80;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 2px;
}

input.date-picker {
  background: #f8f8f8 url(/images/calender.svg) no-repeat;
  background-size: 16px;
  background-position: 97% center;
  border: solid 2px var(--lightblue);
}

input.time-picker {
  background: #f8f8f8 url(/images/time.svg) no-repeat;
  background-size: 16px;
  background-position: 97% center;
  border: solid 2px var(--lightblue);
}

/* cke editor and tinymce default css override  */
/* .msModal .modal-header {
    padding-bottom: 6px !important;
} */
.msModal th {
  outline: none !important;
}

.msModal #mceu_14-body {
  padding-left: 3px 0 3px 5px;
}

.msModal .mce-path {
  display: none;
}

.msModal .mce-ico {
  font-size: 14px;
}

.msModal .mce-btn {
  background: none;
  border: 1px solid var(--lightblue);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  z-index: 1;
}

.msModal .mce-btn:hover {
  background: #ffffffb3;
  border-color: #656a80;
}

.msModal .mce-btn.mce-active {
  background: #ffffffb3 !important;
  border-color: #656a80 !important;
}

.msModal .mce-btn button {
  display: grid;
  place-items: center;
  height: 26px;
  width: 26px;
  padding: 0;
}

.msModal .mce-btn button i {
  color: #656a80;
}

.msModal .mce-tinymce.mce-panel {
  border-color: var(--lightblue);
  border-left-width: 2px !important;
  border-right-width: 2px !important;
}

.msModal .mce-panel {
  background: var(--lightblue);
}

.msModal .mce-edit-area {
  border-color: var(--lightblue);
}

.msModal .mce-edit-area iframe {
  min-height: 150px;
}

.msModal .mce-statusbar.mce-panel {
  border-color: var(--lightblue) !important;
}

.msModal .mce-btn .mce-caret {
  margin-top: 0 !important;
}

.msModal .mce-statusbar .mce-wordcount {
  display: none;
}

/* cke editor  */
.msModal .cke_chrome {
  border-radius: 4px;
  border-width: 2px;
}

.msModal .cke_chrome,
.msModal .cke_top,
.msModal .cke_bottom {
  border-color: var(--lightblue) !important;
}

.msModal .cke_button:hover {
  background: white !important;
  border-color: var(--lightblue) !important;
  border-radius: 4px !important;
}

.msModal .cke_button.cke_button_on {
  background: white !important;
  border-color: var(--lightblue) !important;
}

.msModal .cke_button.cke_button_on .cke_button_icon {
  filter: invert(0);
}

.msModal .cke_button_icon {
  filter: invert(0.4);
}

/* cke editor  */
/* cke editor and tinymce default css override  */
.select2-container--default * {
  outline: none !important;
}

.select2 {
  transition: all 0.3s linear;
}

.mailshotTabs {
  padding-bottom: 2px;
}

.mailshotTabs .nav-tabs {
  border-bottom: 2px solid var(--lightblue);
}

.mailshotTabs .nav-tabs .nav-item {
  margin-right: 26px;
}

.mailshotTabs .nav-tabs .nav-item .nav-link {
  border: 0;
  font-size: 12px;
  font-weight: 500 !important;
  padding: 0 0 10px !important;
  color: #666a80;
}

.mailshotTabs .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #2843df;
}

.form-control.select2-single {
  padding-right: 32px !important;
}

.dashboard_wrapper .box:last-child {
  padding-bottom: 65px;
}

.message_chat_preview p {
  font-size: 14px;
  font-weight: 400;
  color: #666a80;
}

#chat-window .user-chat .message-typebox .message-actions button.edit_temple_btn {
  width: auto !important;
  font-size: 12px;
  border-radius: 4px;
  background-color: var(--lightblue);
  margin-left: 10px;
  padding: 10px;
  line-height: 1;
  height: auto !important;
}

.dropdown-item_wrap_dltbtn {
  width: 50px;
  min-width: unset !important;
  padding: 0 !important;
  height: 25px;
  margin-left: 10px;
  display: flex;
}

.dropdown-item_wrap {
  display: flex;
}

.dropdown-item_wrap_dltbtn a {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  transition: transform 0.2s ease;
}
.dropdown-item_wrap_dltbtn a:hover {
  transform: scale(1.04);
}

.dropdown-item_wrap_item {
  white-space: nowrap;
  overflow: hidden;
  font-size: 11px;
  font-weight: 500;
  line-height: 25px;
  text-overflow: ellipsis;
  /* width: 125px; */
}

.chat-template-title {
  padding: 10px 10px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05px;
}

button.clear_write_msg {
  width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
  font-size: 16px;
  border-radius: 3px;
  font-weight: 600;
  color: var(--white);
  background: #2843df;
  position: absolute;
  right: 20px;
  top: 2px;
  display: none;
}

button.clear_write_msg:hover {
  background: #243cc9;
}

.trans {
  transform: translateX(110%);
}

.userNotification {
  color: #fff;
  position: absolute;
  background-color: #2843df;
  top: calc(100% + 3px);
  right: 0;
  padding: 10px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.5s linear;
}

.bell {
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}
@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }
  1% {
    -moz-transform: rotate(30deg);
  }
  3% {
    -moz-transform: rotate(-28deg);
  }
  5% {
    -moz-transform: rotate(34deg);
  }
  7% {
    -moz-transform: rotate(-32deg);
  }
  9% {
    -moz-transform: rotate(30deg);
  }
  11% {
    -moz-transform: rotate(-28deg);
  }
  13% {
    -moz-transform: rotate(26deg);
  }
  15% {
    -moz-transform: rotate(-24deg);
  }
  17% {
    -moz-transform: rotate(22deg);
  }
  19% {
    -moz-transform: rotate(-20deg);
  }
  21% {
    -moz-transform: rotate(18deg);
  }
  23% {
    -moz-transform: rotate(-16deg);
  }
  25% {
    -moz-transform: rotate(14deg);
  }
  27% {
    -moz-transform: rotate(-12deg);
  }
  29% {
    -moz-transform: rotate(10deg);
  }
  31% {
    -moz-transform: rotate(-8deg);
  }
  33% {
    -moz-transform: rotate(6deg);
  }
  35% {
    -moz-transform: rotate(-4deg);
  }
  37% {
    -moz-transform: rotate(2deg);
  }
  39% {
    -moz-transform: rotate(-1deg);
  }
  41% {
    -moz-transform: rotate(1deg);
  }
  43% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(0);
  }
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.bookaval.selected::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border: 2px solid #04bf00;
  animation: bookavalSelected 0.2s forwards;
  transform-origin: center;
}

.ds-selector {
  border-color: #04bf00;
  background: #04bf00;
}

@keyframes bookavalSelected {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
.bookaval {
  user-select: none;
}

.chat_status_container {
  height: auto !important;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.cons-status span.select2 {
  height: auto;
  width: 10px !important;
  position: absolute;
  right: 21px;
  top: 33px;
  z-index: 10;
  transition: all 0.3s linear;
}

.chat_status_dropdown {
  width: 134px !important;
  left: -103px !important;
  top: 14px !important;
  border-radius: 4px !important;
}

#select2-chat-status-container {
  padding: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  line-height: 1;
  font-size: 0;
  background: #fff !important;
}

.cons-status span.select2 .select2-selection__arrow b {
  margin: 0;
  top: 50%;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  background: transparent !important;
}

.cons-status span.select2 .select2-selection__arrow {
  right: 0;
  background: transparent !important;
}

.topheader .right ul li.cons-status {
  padding: 0;
}

ul#select2-chat-status-results {
  padding: 0 16px;
}

ul#select2-chat-status-results::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0px 12px;
  border-color: var(--white) transparent transparent transparent;
  display: inline-block;
  top: -10px;
  position: absolute;
  transform: rotate(180deg);
  transition: all 0.25s ease-out;
  right: 15px;
}

#select2-chat-status-container[title=Online] {
  border: 4px solid #4baa1d !important;
}

#select2-chat-status-container[title=Away] {
  border: 4px solid #ff9b00 !important;
}

#select2-chat-status-container[title="Out of Office"] {
  border: 4px solid var(--primaryred) !important;
}

ul#select2-chat-status-results li.select2-results__option::before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 8px;
  border-radius: 50%;
}

ul#select2-chat-status-results li[title=Online]::before {
  background-color: #4baa1d;
}

ul#select2-chat-status-results li[title=Away]::before {
  background-color: #ff9b00;
}

ul#select2-chat-status-results li[title="Out of Office"]::before {
  background-color: var(--primaryred);
}

.multiple_booked .tool_tip_mail_title {
  position: relative;
}

.multiple_booked .change_shift_btns {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 10000;
  width: 56px;
  height: 28px;
}

.multiple_booked .change_shift_btns button {
  color: white !important;
  font-size: 14px !important;
  width: 28px;
  height: 28px;
  padding: 0 !important;
  box-shadow: none !important;
}

.multiple_booked .shift_div {
  width: 320px !important;
}

.multiple_booked .shift_div:not(:first-child) {
  display: none;
}

/* make paragraph like disabled input */
p.view_contact_notes {
  margin: 0;
  background: #eaecfc !important;
  font-size: 12px;
  border-radius: 4px;
  border: solid 2px var(--lightblue);
  padding: 10px;
}

p.view_contact_notes.scrollable {
  max-height: 350px;
  overflow-y: scroll;
}

p.view_contact_notes.contact_log_textarea {
  font-size: 14px;
  word-spacing: 5px;
}

/* make paragraph like disabled input */
.more-text {
  display: none;
}

/* candidate offline online status color in chat */
.canOffline,
.canOnline {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #4baa1d !important;
  display: inline-block;
  position: absolute;
  left: 25px;
  bottom: 1px;
}

.canOffline {
  background-color: var(--primaryred) !important;
}

/* candidate offline online status color in chat */
.highlightInput {
  border-radius: 5px;
  border: var(--primaryred) 1px solid;
}

/* status keys  */
.status-keys-list {
  display: flex;
  flex-flow: row wrap;
  cursor: pointer;
  gap: 12px 0;
  border-bottom: solid 2px var(--lightblue);
  margin: 0 !important;
  padding: 8px 16px;
}
.status-keys-list .status_single_key {
  font-weight: 500;
  font-size: 13px;
  margin: 0 !important;
  white-space: nowrap;
  padding: 0 12px !important;
  border-radius: 4px !important;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #212529 !important;
  height: 34px !important;
}
.status-keys-list .status_single_key span {
  font-size: 13px;
  color: #212529 !important;
  height: 23.5px !important;
  width: auto !important;
  border-radius: 4px !important;
  padding: 2px 6px 2px 24px !important;
  position: relative;
  border: none !important;
  background: #eff3ff !important;
  margin: 0 !important;
}
.status-keys-list .status_single_key span::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  width: 10px !important;
  height: 10px !important;
}
.status-keys-list .status_single_key span.published-status::before {
  background: #00dada !important;
}
.status-keys-list .status_single_key span.assigned-status::before {
  background: #00dada !important;
}
.status-keys-list .status_single_key span.applied-status::before {
  background: #ff22fb !important;
}
.status-keys-list .status_single_key span.ts-terminated-status::before {
  background: #ff22fb !important;
}
.status-keys-list .status_single_key span.worked-status::before {
  background: #0c3dff !important;
}
.status-keys-list .status_single_key span.processing-status::before {
  background: #0c3dff !important;
}
.status-keys-list .status_single_key span.authorised-status::before {
  background: #0c3dff !important;
}
.status-keys-list .status_single_key span.booked-status::before {
  background: #00ff00 !important;
}
.status-keys-list .status_single_key span.invoiced-status::before {
  background: #00ff00 !important;
}
.status-keys-list .status_single_key span.paid-status::before {
  background: #00ff00 !important;
}
.status-keys-list .status_single_key span.in_review-status::before {
  background: #d8d800 !important;
}
.status-keys-list .status_single_key span.processed-status::before {
  background: #d8d800 !important;
}
.status-keys-list .status_single_key span.processed-tags::before {
  background: #d8d800 !important;
}
.status-keys-list .status_single_key span.substitute-status::before {
  background: #9900ff !important;
}
.status-keys-list .status_single_key span.submitted-status::before {
  background: #ff9539 !important;
}
.status-keys-list .status_single_key span.archived-status::before {
  background: #cd5e0c !important;
}
.status-keys-list .status_single_key span.negotiating-status::before {
  background: #ffc200 !important;
}
.status-keys-list .status_single_key span.terminated-status::before {
  background: #ff4a37 !important;
}
.status-keys-list .status_single_key span.red-status::before {
  background: #ff4a37 !important;
}
.status-keys-list .status_single_key.active {
  color: #ffffff !important;
  background: #2843df;
}
.status-keys-list .status_single_key.active::before, .status-keys-list .status_single_key.active::after {
  display: none !important;
}
.status-keys-list .status_single_key.active span {
  font-weight: 700;
  background: #fff !important;
  color: #2843df !important;
}
.status-keys-list.dynamic-status-keys-list .status_single_key span::before {
  background-color: var(--before-color);
}
.status-keys-list.webapp-activity-status-keys-list .status_single_key span {
  background: none !important;
  padding: 0 !important;
  width: 10px !important;
}
.status-keys-list.webapp-activity-status-keys-list .status_single_key span::before {
  padding: 0 !important;
  left: 2px !important;
  min-width: 6px !important;
}

/* status color keys  */
/* contract  */
/* in-review : #d8d800
published: #00dada
applied : #ff22fb
booked : #00ff00
terminated : var(--primaryred)as terminated
worked: #0c3dff */
/* contract  */
/* timesheet */
/* asigned : #00dada
pending: #d8d800  as processed
sbmitted: #ff9539  as processed
rejected: var(--primaryred)
terminated: #ff22fb as ts-terminated
authorised: #0c3dff
invoiced:#00ff00 */
/* timesheet */
/* invoice  */
/* processing : #0c3dff
paid: #00ff00
overdue : var(--primaryred)*/
/* invoice  */
/* status color keys  */
.ct-published,
.ts-assigned {
  color: #00dada !important;
}

.ts-ts-terminated,
.ct-applied {
  color: #ff22fb !important;
}

.iv-blue,
.ts-authorised,
.ct-worked {
  color: #0c3dff !important;
}

.iv-paid,
.ts-invoiced,
.ct-booked {
  color: #00ff00 !important;
}

.ct-in_review,
.ts-processed {
  color: #d8d800 !important;
}

.ct-archived,
.ts-archived {
  color: #cd5e0c !important;
}

.ts-submitted {
  color: #ff9539 !important;
}

.ct-negotiating {
  color: #ffc200 !important;
}

.ts-red,
.iv-overdue,
.ts-terminated,
.ct-terminated {
  color: var(--primaryred) !important;
}

.iv-pending {
  color: #856404 !important;
}

/* status keys  */
/* stickey table heading  */
.stickyHead thead {
  position: sticky;
  top: 110px;
  z-index: 5;
}

.stickyHead50 thead {
  position: sticky;
  top: 162px;
  z-index: 5;
}

/* stickey table heading  */
/* datatable header updated css*/
.tableheader_withsearch .table_searchtitle {
  display: flex;
}

.tableheader_withsearch .table_searchtitle .left_table_wrapper,
.tableheader_withsearch .table_searchtitle .right_table_wrapper {
  padding: 0 15px;
}

.tableheader_withsearch .table_searchtitle .left_table_wrapper {
  flex-grow: 1;
  padding-left: 0;
  display: flex;
}

.tableheader_withsearch .table_searchtitle .right_table_wrapper {
  padding-right: 0;
}

.table_searchform {
  flex-grow: 1;
  margin-left: 10px;
  display: flex;
  align-items: center;
}

.table_searchform .search_inner_wrapper {
  height: 44px;
  width: 100%;
}

.table_searchform .search_inner_wrapper input {
  border: none !important;
  outline: none !important;
  border-bottom: 1px solid var(--lightblue) !important;
  height: 34px;
}

.table_searchform .search_inner_wrapper input:focus {
  border: none !important;
  outline: none !important;
  border-bottom: 1px solid var(--lightblue) !important;
}

.table_searchform .search_inner_wrapper .tabsearchbtn {
  background: none;
  border: none;
  outline: none;
  top: 5px;
  height: 34px !important;
  position: absolute;
}

.table_searchform .search_inner_wrapper .close-icon {
  border: none;
  background: #2843df;
  height: 28px;
  width: 28px;
  right: 0 !important;
  display: none !important;
}

.table_searchform .search_inner_wrapper .close-icon.show {
  display: block !important;
}

/* datatable header updated css*/
/* preview modal  */
/*  */
/*  */
/* common styles  */
.preview-modal .modal-content {
  height: calc(100vh - 50px);
}

.preview-modal .modal-content .modal-body {
  max-height: calc(100% - 54px);
}

.preview_wrapper {
  height: 100%;
  width: 100% !important;
}

/* common styles  */
/* close and download icons  */
.preview-modal .preview_modal_icon {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
}

/* close and download icons  */
/* style for image preview */
.preview_wrapper.image_preview {
  max-height: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image_preview.preview_wrapper img {
  max-height: 100%;
  max-width: 100%;
}

/* style for image preview * /

/* style for pdf preview */
.preview_wrapper.pdf_preview {
  position: relative;
  overflow: hidden;
}

.preview_pdf {
  width: 100%;
  height: calc(100% + 55px);
  transform: translateY(-45px);
}

/* style for pdf preview */
/* style for no preview */
#Image-Preview-modal .modal-content {
  background: none;
  border: none;
}

#Image-Preview-modal .modal-header {
  background: #ffffff;
  border-radius: 0.3rem;
}

.no_preview_modal .modal-dialog {
  max-width: 600px !important;
  height: 450px !important;
}

.preview_wrapper.no_preview {
  display: flex;
  align-items: center;
  justify-content: center;
}

.preview_wrapper.no_preview .inner {
  padding: 1rem;
  text-align: center;
}

.preview_wrapper.no_preview .inner img {
  margin-bottom: 20px;
}

.preview_wrapper.no_preview .inner p {
  font-size: 20px;
  margin: 0;
  font-weight: 600;
  color: #08104d;
}

.preview_wrapper.no_preview .inner p span {
  margin-bottom: 5px;
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--lightblue);
}

/* style for no preview */
/*  */
/*  */
/* preview modal  */
/* background of modal in full screeen calendar view  */
.full-calendar-wrapper .modal {
  background: #00000050;
}

/* background of modal in full screeen calendar view  */
/* css for toltip  */
.tooltip {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 0.78rem;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #2843df;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #2843df;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #2843df;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #2843df;
}

.tooltip .tooltip-inner {
  background: #2843df;
}

/* css for toltip  */
/* info popup in sign off */
.info-pop_up_wrapper {
  box-shadow: 0 2px 7px 0 rgba(66, 66, 66, 0.19) !important;
  border-radius: 4px;
}

.info-pop_up {
  z-index: 6;
  padding: 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.08);
  border: solid 2px var(--lightblue);
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  max-width: 700px;
  width: 700px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  overflow: scroll;
}

.info-pop_up::-webkit-scrollbar {
  display: none;
}

.info-pop_up .icon_btnstyle {
  width: 24px;
  height: 24px;
  padding: 0;
}

.info-pop_up .icon_btnstyle img {
  max-width: 12px;
}

@media screen and (min-width: 768px) {
  .info-pop_up_wrapper:hover .info-pop_up {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
  }
}
@media screen and (max-width: 768px) {
  .info-pop_up {
    width: 400px;
  }

  .info-pop_up_wrapper.show .info-pop_up {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
  }
}
@media screen and (max-width: 562px) {
  .info-pop_up {
    width: 350px;
  }
}
@media screen and (max-width: 450px) {
  .info-pop_up {
    width: 300px;
  }
}
@media screen and (max-width: 400px) {
  .info-pop_up {
    width: 270px;
  }
}
@media screen and (max-width: 320px) {
  .info-pop_up {
    width: 250px;
  }
}
/* info popup in sign off */
/* calendar for calendar apply */
.custom_contract_date_view_calendar {
  padding: 5px !important;
}
.custom_contract_date_view_calendar .modal-dialog {
  max-width: unset;
  margin: 20px auto 0;
  width: calc(100% - 40px);
  max-height: calc(100% - 40px);
}
.custom_contract_date_view_calendar .modal-dialog .modal-content {
  height: 100%;
}
.custom_contract_date_view_calendar .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  padding-bottom: 16px;
}
.custom_contract_date_view_calendar .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  display: none;
}

.custom_contract_date_view_calendar .change_year_wrapper {
  display: flex;
  align-items: center;
}

.custom_contract_date_view_calendar .change_year_wrapper .current_year {
  font-size: 16px !important;
  width: 45px;
  text-align: center;
}

.custom_contract_date_view_calendar .change_year_wrapper button {
  width: 30px;
  height: 30px;
  outline: none;
  background: none;
  border: none;
  display: grid;
  place-items: center;
  color: #666666;
}

.custom_contract_date_view_calendar .change_year_wrapper button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.candidate_applied_year_view {
  display: grid;
  position: relative;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px 16px;
}
@media screen and (max-width: 1300px) {
  .candidate_applied_year_view {
    grid-template-columns: repeat(4, 1fr);
  }
}
.candidate_applied_year_view .mycal-year {
  width: unset !important;
  margin: 0 !important;
  min-height: 250px;
  height: unset !important;
}
.candidate_applied_year_view .mycal-year .day-row:last-child {
  margin: 0;
}
.candidate_applied_year_view .day-row {
  margin-bottom: 5px;
}
.candidate_applied_year_view .day-row .days {
  height: 24px;
  line-height: 24px;
  font-size: 13px;
}
.candidate_applied_year_view .days-list > div {
  font-size: 13px;
  padding: 0 !important;
}
.candidate_applied_year_view .day-row,
.candidate_applied_year_view .days-list {
  border-spacing: 3px 6px !important;
  padding: 0 !important;
}
.candidate_applied_year_view .month-name {
  margin-bottom: 10px;
  cursor: default;
}
.candidate_applied_year_view .month-name:hover {
  color: #343638;
}
.candidate_applied_year_view .days.applied {
  background: #d3d3d3;
}
.candidate_applied_year_view .days.selected {
  background: #2843df;
  color: #fff;
}
.candidate_applied_year_view .days.negotiated {
  background: var(--orange);
  color: #fff;
}
.candidate_applied_year_view .days.negotiated:not(.selected) {
  background: #d3d3d3;
  color: unset;
}
.candidate_applied_year_view .days.already_booked {
  background: #cc4125;
}
.candidate_applied_year_view .days:hover .negotiate-time-popup {
  opacity: 1;
  transform: translate(-50%, -100%);
  visibility: visible;
}
.candidate_applied_year_view .negotiate-time-popup {
  position: absolute;
  width: 230px;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -95%);
  background: #fff;
  color: #343638;
  border: 2px solid rgba(33, 37, 41, 0.1);
  padding: 4px;
  border-radius: 4px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.08);
  opacity: 0;
  z-index: 9;
  visibility: hidden;
  transition: transform 0.3s ease;
}
.candidate_applied_year_view .negotiate-time-popup.right_aligned {
  left: -80px;
}
.candidate_applied_year_view .negotiate-time-popup.left_aligned {
  left: 110px;
}
.candidate_applied_year_view:not(#NonCompliantAppliesYearView .candidate_applied_year_view) .days.has-negotiate-timepopup::before {
  content: "";
  position: absolute;
  border-top: 8px solid #eff3ff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease;
}
.candidate_applied_year_view:not(#NonCompliantAppliesYearView .candidate_applied_year_view) .days.has-negotiate-timepopup:hover::before {
  opacity: 1;
  visibility: visible;
  transform: translateY(-30%);
}

.multiple_rates_wrapper {
  position: relative;
}

.multiple-rates-popup {
  background: #fff;
  color: #343638;
  border: 3px solid var(--lightblue);
  padding: 4px;
  border-radius: 4px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.08);
  transform: translate(-50%, -100%);
  z-index: 9;
  width: 300px;
  top: unset;
  left: unset;
  position: fixed;
  display: none;
}

.candidate_applied_year_view .negotiate-time-popup table,
.multiple-rates-popup table {
  border-radius: 4px;
}

.candidate_applied_year_view .days:hover .negotiate-time-popup table tr th,
.multiple-rates-popup table tr th {
  font-size: 14px;
  font-weight: 500;
  padding: 8px 0;
}
.candidate_applied_year_view .days:hover .negotiate-time-popup table tr td,
.multiple-rates-popup table tr td {
  font-size: 12px;
  font-weight: 500;
  padding: 8px 2px;
}
.candidate_applied_year_view .days:hover .negotiate-time-popup table tr td:first-child,
.multiple-rates-popup table tr td:first-child {
  padding-left: 5px;
}

/* calendar for calendar apply   */
.compliance_add_file_btn {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
}

.additional_emails {
  border-radius: 16px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border: 1px solid;
  padding: 2px 6px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.additional_emails .close {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px !important;
  cursor: pointer;
}

#emailTags {
  max-height: 100px;
  display: flex;
  overflow-y: scroll;
}

/* collapse table common style */
.collapse_table_wrapper .collapse_button {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #2843df;
}
.collapse_table_wrapper .collapse_button img {
  transition: all 0.3s linear;
}
.collapse_table_wrapper .collapse_button:not(.collapsed) img {
  transform: rotate(180deg);
}
.collapse_table_wrapper .collapsing table.dataTable,
.collapse_table_wrapper .collapse table.dataTable {
  width: 100% !important;
}

/* collapse table common style */
/* chat template updated styles  */
.btn_get_messge_template_list.show #messagetemplateModal img {
  transform: rotate(180deg);
}
.btn_get_messge_template_list #messagetemplateModal {
  user-select: none;
  color: var(--dark);
  font-weight: 700;
  border: 1px solid var(--dark);
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn_get_messge_template_list #messagetemplateModal:hover {
  color: #2843df !important;
  border-color: #2843df;
}
.btn_get_messge_template_list #messagetemplateModal img {
  transition: all 0.2s ease;
}
.btn_get_messge_template_list .chat_templates_dropdown {
  padding: 0;
  max-height: 285px !important;
  overflow: scroll;
  left: -30px !important;
  width: 250px;
  top: -20px !important;
  transform: translateY(-99%) !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  display: block !important;
}
.btn_get_messge_template_list .chat_templates_dropdown.show {
  opacity: 1;
  visibility: visible;
}
.btn_get_messge_template_list .chat_templates_dropdown::-webkit-scrollbar {
  display: none;
}
.btn_get_messge_template_list .chat_templates_dropdown .create_template_drop_btn_wrapper {
  position: sticky;
  top: 0;
  padding: 8px;
  z-index: 10;
  background: #fff;
}
.btn_get_messge_template_list .chat_templates_dropdown .create_template_drop_btn_wrapper .create_template_drop_btn {
  display: block;
  border: 1px solid #2843df !important;
  color: #2843df !important;
  text-align: center;
  padding: 8px 0;
  height: 44px;
  line-height: 28px;
  font-size: 14px;
  position: sticky;
  top: 0;
  z-index: 100;
  border-radius: 6px;
  transition: all 0.2s linear;
}
.btn_get_messge_template_list .chat_templates_dropdown .create_template_drop_btn_wrapper .create_template_drop_btn:hover {
  transform: scale(0.98);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.btn_get_messge_template_list .chat_templates_dropdown .chat_templates_dropdown_content {
  padding: 0 8px;
}
.btn_get_messge_template_list .chat_templates_dropdown .chat_templates_dropdown_content::-webkit-scrollbar {
  display: none;
}
.btn_get_messge_template_list .chat_templates_dropdown .chat_templates_dropdown_content::before {
  transform: translateY(-50%) rotate(-90deg) !important;
  right: -15px;
  bottom: 5px !important;
  top: 50% !important;
}
.btn_get_messge_template_list .chat_templates_dropdown .chat_templates_dropdown_content .dropdown-item_wrap {
  padding: 0;
}
.btn_get_messge_template_list .chat_templates_dropdown .chat_templates_dropdown_content .dropdown-item_wrap a {
  display: flex;
  padding: 8px;
  border-radius: 4px;
  align-items: center;
  width: 100%;
  transition: all 0.2s ease;
}
.btn_get_messge_template_list .chat_templates_dropdown .chat_templates_dropdown_content .dropdown-item_wrap a:hover {
  background: var(--lightblue);
}

#editmessagetemplateModal .chat-placeholder {
  font-size: 14px !important;
  padding: 4px 8px;
}
#editmessagetemplateModal #edt_template_message_preview_txt {
  max-height: unset;
  flex-grow: 1;
  resize: none;
}

/* chat template updated styles  */
.chat_down_arrow {
  position: absolute;
  bottom: 5px;
  right: 15px;
  background-color: #2843df;
  border-radius: 50%;
  border: 2px solid white;
  height: 30px;
  cursor: pointer;
  width: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.chat_down_arrow img {
  width: 12px;
  height: 12px;
}

.table-skeleton-loader {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 16px;
}
.table-skeleton-loader .line {
  height: 20px;
  border-radius: 4px;
  background: rgba(130, 130, 130, 0.2);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
  background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
  background-size: 800px 100px;
  animation: wave-lines 2s infinite ease-out;
}
.table-skeleton-loader .line:first-child {
  width: 60%;
}
.table-skeleton-loader .line:last-child {
  width: 80%;
}

@keyframes wave-lines {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.check_link:hover,
.check_link {
  color: white;
  /* Set the text color to white */
  text-decoration: underline !important;
  /* Underline the text */
}

.user-lists-receirver .check_link:hover,
.user-lists-receirver .check_link {
  color: #2843df !important;
}

#contact_mobile_number_reason_modal {
  z-index: 1051;
}
#contact_mobile_number_reason_modal.show ~ .modal_data #addnewcontact .modal-content {
  filter: blur(3px);
}

#addnewcontact .modal-content {
  transition: filter 0.3s linear;
}

.link-preview {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.link-preview .link-preview-anchor {
  display: block;
  max-width: 300px;
  overflow: hidden;
  border-radius: 8px;
  background: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.link-preview .link-preview-anchor img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}
.link-preview .link-preview-anchor > div {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.link-preview .link-preview-anchor h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  font-size: 18px;
  color: #08104d;
  overflow: hidden;
}
.link-preview .link-preview-anchor p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  font-size: 14px;
  color: var(--dark);
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* shortlist candidate table in contract cretion */
#shortlisted_candidate_list_modal .table_searchform .search_inner_wrapper input {
  background: none !important;
}
#shortlisted_candidate_list_modal .table_searchform .search_inner_wrapper input .right_table_wrapper {
  width: 400px;
}
#shortlisted_candidate_list_modal .table_searchform .search_inner_wrapper input .modal-body {
  border: 2px solid var(--lightblue);
}
#shortlisted_candidate_list_modal .table_searchform .search_inner_wrapper input .fixed_headertable tbody {
  max-height: 350px !important;
}

/* shortlist candidate table in contract cretion */
.top_message_counter {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  right: 0;
  transform: translateX(50%);
  border-radius: 11px;
  background-color: #ff5b64;
  font-size: 10px;
  font-weight: 600;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.top_message_counter.large {
  width: auto;
  min-width: 15px;
  padding: 5px;
}

.matched-label {
  border-radius: 4px;
  border: 1px solid #28a745;
  font-weight: 500;
  font-size: 11px;
  padding: 4px 8px;
  white-space: nowrap;
  color: #28a745 !important;
  background: rgba(40, 167, 69, 0.06);
}

.not-matched-label {
  border-radius: 4px;
  border: 1px solid #dc3545;
  font-weight: 500;
  font-size: 11px;
  padding: 4px 8px;
  white-space: nowrap;
  color: #dc3545 !important;
  background: rgba(220, 53, 69, 0.06);
}

.rounded-pill {
  border-radius: 99px;
}

.candidate_can_datebox .availabile_btn_style {
  background-color: #37f53750;
  color: #00a500;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  border-radius: 5px !important;
  margin-bottom: 2px;
  width: auto;
  padding: 0px 30px;
  height: 20px;
  line-height: 20px;
}

.bank_tag_wrapper {
  margin-top: 4px;
  display: flex;
  padding: 10px 6px !important;
  gap: 6px;
  align-items: center;
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #5ebb5b;
  height: 25px;
  width: 72px;
}

.bank_tag_wrapper img {
  height: 16px !important;
  width: 16px !important;
}

.bank_tag_wrapper span {
  font-size: 12px;
  color: #5ebb5b;
}

.enhanced_tag_wrapper {
  margin-top: 5px;
  display: inline-flex;
  padding: 10px 6px !important;
  gap: 6px;
  align-items: center;
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #5ebb5b;
  height: 25px;
  min-width: 72px;
}

.enhanced_tag_wrapper img {
  height: 16px !important;
  width: 16px !important;
}

.enhanced_tag_wrapper span {
  font-size: 12px;
  color: #5ebb5b;
}

.notification_control_content .second-menu {
  top: auto !important;
  right: 100% !important;
  bottom: 0px !important;
  left: auto !important;
}

.notification_control_content:hover .second-menu {
  display: block;
}

.notification_control_content:hover .second-menu .dropdown-item:after {
  display: none !important;
}

.notification_control_content {
  margin-left: -17px;
  padding-left: 17px;
}

#nfcTag-container,
#roleTag-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#nfcTag-container .tag,
#roleTag-container .tag {
  background-color: #eff3ff;
  color: #212529;
  border: 1px solid #212529;
  padding: 5px 10px;
  height: 30px;
  border-radius: 4px;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: all 0.2s linear;
}
#nfcTag-container .tag .remove-tag,
#roleTag-container .tag .remove-tag {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#nfcTag-container .tag .remove-tag img,
#roleTag-container .tag .remove-tag img {
  transition: all 0.2s linear;
  filter: brightness(0) saturate(100%) invert(10%) sepia(26%) saturate(293%) hue-rotate(169deg) brightness(98%) contrast(91%);
}
#nfcTag-container .tag:not(.tag_editing):hover,
#roleTag-container .tag:not(.tag_editing):hover {
  color: #2843df;
  background: rgba(239, 243, 255, 0.5);
  border-color: #2843df;
}
#nfcTag-container .tag:not(.tag_editing):hover .remove-tag img,
#roleTag-container .tag:not(.tag_editing):hover .remove-tag img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(48%) saturate(5793%) hue-rotate(231deg) brightness(86%) contrast(104%);
}
#nfcTag-container .tag.tag_editing,
#roleTag-container .tag.tag_editing {
  background: #2843df;
  color: #ffffff;
  border-color: #2843df;
}
#nfcTag-container .tag.tag_editing .remove-tag img,
#roleTag-container .tag.tag_editing .remove-tag img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(10%) hue-rotate(39deg) brightness(105%) contrast(103%);
}

#nfc_tag_id,
#role_known_as {
  border: none;
  outline: none;
  flex-grow: 1;
}

.nfcTag-wrapper,
.roleTag-wrapper {
  gap: 5px;
}

#nfcTag-container .nfcTag-input,
#roleTag-container .roleTag-input {
  width: 100%;
}

#shared_contract_candidate_table_wrapper th:first-child {
  width: 5% !important;
}

/* advanced search share button */
.advanced_search_share_btn {
  position: relative;
}

.advanced_search_share_btn::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0px 12px;
  border-color: var(--white) transparent transparent transparent;
  display: inline-block;
  top: 35px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transform: rotate(180deg);
  transition: all 0.3s linear;
  right: -3px;
}

.advanced_search_share_btn.opened::before {
  visibility: visible;
  opacity: 1;
  top: 32px;
}

.advanced_search_share_inner {
  background-color: var(--white);
  border-radius: 4px;
  max-height: calc(100vh - 208px);
  overflow-x: hidden;
  overflow-y: auto;
}

.advanced_search_share_wrapper {
  position: absolute;
  background-color: var(--white);
  right: 0;
  box-shadow: 0 0 24px 6px rgba(8, 16, 77, 0.12);
  border-radius: 4px;
  z-index: 999;
  width: 700px;
  max-width: 100%;
  margin-top: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.advanced_search_share_wrapper .advanced_search-btns {
  display: flex;
  position: absolute;
  right: 15px;
  top: calc(50% - 10px);
  transform: translateY(-50%);
}

.advanced_search_share_wrapper .advanced_search-btns .advanced_search-btn {
  padding: 0 10px;
  height: 35px;
  display: grid;
  place-items: center;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.18);
  transition: all 0.2s linear;
}

.advanced_search_share_wrapper .advanced_search-btns .advanced_search-btn:not(:last-child) {
  margin-right: 10px !important;
}

.advanced_search_share_wrapper .slimScrollDiv {
  max-width: 100% !important;
  width: 100%;
}

.advanced_search_share_wrapper.with_fav_icon::before {
  right: 108px;
}

.advanced_search_share_wrapper.with_fav_downloadicon::before {
  right: 88px;
}

.advanced_search_share_wrapper.icon_withrefresh_only::before {
  right: 41px;
}

.advanced_search_share_wrapper.with_filter_only::before {
  right: 3px;
}

.advanced_search_share_wrapper.with_print_icon::before {
  right: 121px;
}

.advanced_search_share_wrapper.with_refreshicon::before {
  right: 66px;
}

.advanced_search_share_inner .searchtab-links {
  padding: 15px;
  margin-bottom: 10px;
  min-height: 67px;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
}

.advanced_search_share_inner .searchtab-links h1 {
  flex-grow: 1;
  font-stretch: normal;
  height: 37px;
  color: #08104d;
  margin: 0px !important;
  font-size: var(--mainheadingfont);
  font-weight: bold;
  letter-spacing: 1px;
}

.advanced_search_share_inner .searchtab-links .nav-tabs .nav-item {
  margin-right: 26px;
}

.advanced_search_share_inner .searchtab-links .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #2843df;
}

.advanced_search_share_inner .searchtab-links .nav-tabs .nav-item .nav-link {
  padding-left: 0;
  padding-right: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 500;
  padding-top: 0;
}

.advanced_search_share_wrapper .add_contact_emailbtn {
  height: 34px;
  width: 24px;
}

.advanced_search_share_wrapper .add_contact_emailbtn img {
  width: 20px;
}

.searchtab-links .nav-link {
  padding: 12px 18px;
  font-size: 13px;
  color: #1c2429;
}

.advanced_search_share_wrapper .advanced_search_share_inner .searchtab-links .nav-tabs {
  flex-grow: 1;
  border-bottom: solid 2px var(--lightblue);
}

.advanced_search_share_wrapper .advanced_search_share_inner .searchtab-links .nav-tabs.no-border {
  border: none !important;
}

.advanced_search_share_wrapper label {
  font-size: 12px;
  margin-bottom: 8px;
}

.advanced_search_share_wrapper input {
  height: 34px;
}

.advanced_search_share_wrapper input + img {
  width: 13px;
  top: 10px;
}

.advanced_search_share_wrapper .select2_wrapper .select2-container .select2-selection.select2-selection--multiple {
  min-height: 34px;
  line-height: 1;
}

.advanced_search_share_wrapper .select2_wrapper .select2-container .select2-selection.select2-selection--multiple .select2-search__field {
  height: 30px;
  margin-top: 0 !important;
}

.advanced_search_share_wrapper .select2_wrapper .select2-container .select2-selection.select2-selection--multiple .select2-selection__choice {
  margin: 6px 7px 6px 5px !important;
}

.advanced_search_share_wrapper .select2-selection__clear {
  margin-right: 25px !important;
  color: #999 !important;
  top: 9px !important;
}

.advanced_search_share_wrapper .select2_wrapper .select2-container .select2-selection.select2-selection--multiple .select2-search--inline {
  width: unset !important;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.advanced_search_share_wrapper .select2-container--bootstrap .select2-selection--single.height-44,
.advanced_search_share_wrapper .select2-container--default .select2-selection--single,
.advanced_search_share_wrapper .select2-container--bootstrap .select2-selection--single {
  height: 34px;
}

.advanced_search_share_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.advanced_search_share_wrapper .select2-container--bootstrap .select2-selection--single.height-44 .select2-selection__rendered {
  line-height: 18px;
}

.advanced_search_share_wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 10px;
}

.advanced_search_share_wrapper {
  display: none;
}

/* advanced search share button */
.flex-1 {
  flex: 1 1 0;
  min-width: 0;
}

#template_list_div {
  max-height: 220px;
  height: auto !important;
}

.template_main_div {
  padding-block: 15px;
}
.template_main_div .slimScrollDiv {
  height: auto !important;
  overflow: hidden !important;
}

#shared_contract_candidate_table_wrapper.dataTables_wrapper table {
  width: 100% !important;
}

.w-5 {
  width: 5%;
}

th.w-5 {
  width: 5% !important;
}
th.w-15 {
  width: 15% !important;
}
th.w-20 {
  width: 20% !important;
}
th.w-25 {
  width: 25% !important;
}

th.w-5 {
  width: 5% !important;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.margin-error-card {
  padding: 12px;
  margin-top: 16px;
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.margin-error-row {
  gap: 16px;
}

.margin-error-col {
  gap: 8px;
}

.margin-error-dot {
  padding: 4px 12px 2px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
}

.margin-error-dot-lower {
  background-color: #d9ead3;
  color: #436737;
}

.margin-error-dot-upper {
  background-color: #f4cccc;
  color: #ff4949;
}

#group_table {
  max-height: 120px !important;
  width: 100%;
  height: auto !important;
}
#group_table thead {
  top: 0;
  z-index: 1;
  position: sticky;
}

/* #group_table {
    table-layout: fixed;
    width: 100%;
} */
#candidate_group_container {
  max-height: 250px !important;
  height: auto !important;
}

#candidate_list_group_modal .modal-dialog .modal-content tbody {
  max-height: 600px !important;
}
#candidate_list_group_modal .table_searchform .search_inner_wrapper input {
  background: none !important;
}

.text-capitalize {
  text-transform: capitalize;
}

.group-name-hover:hover {
  color: blue !important;
  font-weight: 500 !important;
}

.bg-search-urgent-modal {
  width: 360px !important;
  border-radius: 2px;
  margin-top: 2px !important;
}

.bg-search-urgent-modal > input {
  border-bottom: 0px !important;
}

#mark_urgent_candidate_group_list_modal .table_searchform .search_inner_wrapper input {
  background: none !important;
}

.group-data-table-col1 {
  width: 5% !important;
}

.group-data-table-col2 {
  width: 50% !important;
}

.group-data-table-col2 {
  width: 45% !important;
}

.penalty-tooltip {
  position: relative;
}
.penalty-tooltip .fixed-dropdown-tooltip {
  position: absolute !important;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}

#clientSubscriptionSearch tr.invalid td {
  padding-bottom: 20px;
  position: relative;
}
#clientSubscriptionSearch tr.invalid .check_subscription_module_error {
  position: absolute;
  bottom: 4px;
  white-space: nowrap;
  margin: 0 !important;
}

.div_client_nfc_tag_tr {
  background: var(--lightblue) !important;
}
.div_client_nfc_tag_tr td {
  padding-bottom: 16px !important;
}
.div_client_nfc_tag_tr td .div_client_nfc_tag {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
}
.div_client_nfc_tag_tr td .div_client_nfc_tag table {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.div_client_nfc_tag_tr td .div_client_nfc_tag table tbody tr td:nth-child(1) {
  width: 40%;
}
.div_client_nfc_tag_tr td .div_client_nfc_tag table tbody tr td:nth-child(2) {
  width: 40%;
}
.div_client_nfc_tag_tr td .div_client_nfc_tag table tbody tr td:nth-child(3) {
  width: 20%;
}

#template_detail #temp_desc {
  height: auto;
  min-height: 100px;
  resize: none;
  overflow-y: scroll;
  background-color: #fff !important;
}

#template_detail #temp_desc:focus {
  border: none !important;
  outline: none;
  box-shadow: none;
  resize: none;
  /* Optional: prevents resizing */
}

#restricted_file_type + .select2 .select2-selection__clear {
  right: 30px !important;
}

.expired_color {
  color: #8a0000;
}

.expiring_color {
  color: #e67514;
}

.single_contract_requirement .candidate_contract, .timesheet_terminated.candidate_schedule_ .single_contract_requirement.timesheet_terminated .candidate_contract, .timesheet_terminated.candidate_schedule_ .single_contract_requirement .client_contract, .created_ctr .single_contract_requirement.timesheet_terminated.candidate_available .candidate_contract, .created_ctr.can_booked .single_contract_requirement .client_contract, .created_ctr.con_archived .single_contract_requirement .client_contract, .created_ctr.can_booked:not(.con_archived) .single_contract_requirement .client_contract {
  padding: 6px 10px;
  border-radius: 5px;
  margin-bottom: 6px;
  margin-right: 15px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.single_contract_requirement .candidate_time,
.single_contract_requirement .client_booked_candidate, .timesheet_terminated.candidate_schedule_ .single_contract_requirement.timesheet_terminated .client_booked_candidate, .timesheet_terminated.candidate_schedule_ .single_contract_requirement .client_time,
.timesheet_terminated.candidate_schedule_ .single_contract_requirement .client_booked_name, .created_ctr .single_contract_requirement.timesheet_terminated.candidate_available .client_booked_candidate, .created_ctr .single_contract_requirement.timesheet_terminated.candidate_available .candidate_time, .created_ctr.can_booked .single_contract_requirement .client_time,
.created_ctr.can_booked .single_contract_requirement .client_booked_name {
  font-size: 13px !important;
  font-weight: 510 !important;
  line-height: 22px !important;
}

.created_ctr.can_booked .single_contract_requirement .client_contract {
  background-color: #eaedfc;
  color: #2843df;
}
.created_ctr.can_booked .single_contract_requirement .client_time,
.created_ctr.can_booked .single_contract_requirement .client_booked_name {
  color: white;
}
.created_ctr.can_booked:not(.con_archived) .single_contract_requirement.not_assigned:not(.con_archived) .client_contract {
  background-color: #e5ffe5;
  color: green;
  text-align: center !important;
}
.created_ctr.can_booked .single_contract_requirement.con_archived .client_contract {
  background-color: #fff1e6;
  color: #cd5e0c;
  text-align: center !important;
}
.created_ctr.can_booked .single_contract_requirement.timesheet_terminated .client_contract {
  background-color: #fae8e8;
  color: #ed3a3e;
  text-align: center !important;
}
.created_ctr.can_booked .single_contract_requirement.timesheet_terminated.candidate_available .client_time {
  color: red;
}
.created_ctr.con_archived .single_contract_requirement .client_contract {
  background-color: #fff1e6;
  color: #cd5e0c;
  text-align: center !important;
}
.created_ctr .single_contract_requirement.timesheet_terminated.candidate_available .candidate_time {
  color: #ed3a3e;
}
.created_ctr .single_contract_requirement.timesheet_terminated.candidate_available .candidate_contract {
  background-color: #fae8e8;
  color: #ed3a3e;
}
.created_ctr .single_contract_requirement.timesheet_terminated.candidate_available .client_booked_candidate {
  color: #ed3a3e;
  line-height: 20px !important;
}

.timesheet_terminated.candidate_schedule_ .single_contract_requirement .client_contract {
  background-color: #fae8e8;
  color: #ed3a3e;
  text-align: center !important;
}
.timesheet_terminated.candidate_schedule_ .single_contract_requirement .client_time,
.timesheet_terminated.candidate_schedule_ .single_contract_requirement .client_booked_name {
  color: #ed3a3e;
}
.timesheet_terminated.candidate_schedule_ .single_contract_requirement.timesheet_terminated .client_booked_candidate {
  color: #ed3a3e;
  line-height: 20px !important;
}
.timesheet_terminated.candidate_schedule_ .single_contract_requirement.timesheet_terminated .candidate_contract {
  background-color: #fae8e8;
  color: #ed3a3e;
}

.single_contract_requirement .candidate_contract {
  background-color: #eaedfc;
  color: #2843df;
}
.single_contract_requirement .client_booked_candidate {
  color: white;
}

.add_extra_height {
  min-height: 86px !important;
  margin-bottom: 3px !important;
}

.invoice_statictics-cards-container {
  display: flex;
  flex-direction: column;
  background: #eff3ff !important;
}
.invoice_statictics-cards-container .titles_wrapper {
  padding: 16px;
}
.invoice_statictics-cards-container .widget-title span {
  opacity: 0.75;
}

.text-switch-wrapper {
  display: flex;
  border: 1px solid #eff3ff;
  border-radius: 8px;
  padding: 4px 8px;
  align-items: center;
  position: relative;
}
.text-switch-wrapper .text-switch {
  height: 34px;
  line-height: 34px;
  display: inline-block;
  margin: 0;
  background: none;
  outline: none;
  padding: 0 8px !important;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: all 0.3s linear;
}
.text-switch-wrapper .text-switch.active {
  color: #ffffff;
}
.text-switch-wrapper .text-switch-bg {
  position: absolute;
  top: 4px;
  transition: all 0.3s linear;
  height: 34px;
  z-index: 0;
  background: #2843df;
  border-radius: 4px;
}

.contact_primary_td {
  background: #e1f7e2;
  box-shadow: inset 0 0 7px #00000026;
}

.blue-icon {
  width: 20px !important;
  height: 20px !important;
  filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(5200%) hue-rotate(230deg) brightness(95%) contrast(100%);
}

.outstanding-invoice-amount-not-paid {
  color: #6c757d !important;
}

.outstanding-invoice-amount-partially-paid {
  color: #ff4a37 !important;
}

.outstanding-invoice-amount-over-paid {
  color: #28a745 !important;
}

.outstanding-invoice-amount-paid {
  color: #6c757d !important;
}

/*# sourceMappingURL=style.css.map */